Share
February 08, 2011 Print

ezFILEMANAGER v2 INSTALLATION & SUPPORT


ezFilemanager v2.5 has been released.
Finally I managed to find time and do some updates.
I expect to add more support documentations soon.
Thanks to community translations, ezFilemanager is Multilingual (English, Dutch, German, Norwegian, Portuguese, Spanish, Swedish, Czech)

A site visitor has drawn to my attention that someone is selling my free script, please don't be cheap, respect the open source community and give credit where credit is due.

Installation

Copy the ezFilemanager folder and contents to your TinyMCE plugins directory.

  1. Stand alone installation
    Open config.inc.php and edit configuration, mainly the UPLOAD_DIR
    Just point your browser to the ezfilemanager folder
  2. Plugin Installation within TinyMCE
    Open config.inc.php and edit configuration, mainly the UPLOAD_DIR
    You have to edit 3 pages, ezfilemanager/index.php, ezfilemanager/js/ez_tinyMCE.js and your page containig tiny_mce

    a) index.php
    Open ezfilemanager/index.php
    Set the path of [script type="text/javascript" src="YOUR-PATH-TO/tiny_mce_popup.js"][/script]

    b) ez_tinyMCE.js
    Open js/ez_tinyMCE.js and edit var cmsURL ="..."
    var cmsURL = "http://"+document.domain+"/YOUR-PATH-TO/ezfilemanager/index.php";

    c) Your page containing the tiny_mce editor
    Add ez_tinyMCE.js to your tiny_mce page, make sure the path is correct
    [script type="text/javascript" src="/admin/spotlights/edit/your-path/tiny_mce.js"][/script]//This allready exits
    [script src="YOUR-PATH-TO/plugins/ezfilemanager/js/ez_tinyMCE.js" type="text/javascript"][/script] //Add this

    Add plugin to TinyMCE plugin option list. example: plugins : "ezfilemanager".
    Add the button, example: theme_advanced_buttons3 : "ezfilemanager".
    After your buttons, add file_browser_callback: "CustomFileBrowser",
    Make sure you have "advimage" plugin loaded as well
    Example snippet
    in your TinyMCE init:
    tinyMCE.init({
    mode : 'textareas',
    theme : 'advanced',
    plugins : "ezfilemanager,advimage.......",
    theme_advanced_buttons3_add_before : 'separator,ezfilemanager',
    relative_urls : false,
    file_browser_callback: "CustomFileBrowser",
    ..........
    });
  3. Generic Plugin for text input area.

    Put this in your page [head][/head]
    [script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"][/script]
    [!-- modify according to your directory structure --]
    [script type="text/javascript" src="tinymce/jscripts/tiny_mce/plugins/ezfilemanager/js/ez_plugin.js"][/script]

    Open ez_plugin.js and make sure the URL of "var newWindow" is correct
    Put text input in the page, give a unique ID to the input (You can have multiple text inputs if you wish to)
    [input type="text" name="title" id="myid" value="" /]
    Double clicking the text input field will open ezfilemanager
    if you want to open a specific directory then use the custom "dir" attribute
    [input type="text" name="title" id="myid" dir="media/myfolder/" value="" /]

    This is it, let me know if you have any problems

* required

Rainer
Dec. 05, 2009

The new version looks like it should be great. Alphabetical order is fantastic. I use the file manager functions only within advlink and so far I am unable to upload files or create directories. The tabs are there but do nothing.

 

Make sure the jquery files are loaded.
If you leave the fields empty are you getting an alert?
Also it would help a bit more info about your OS and Browser
Rainer
Dec. 06, 2009

Sorry, my bad. Forgot about the browser. I use Fireworks 3.5.5 on a Windows 7 Ultimate operating system.

I actually don't get any fields because clicking on the tab for file upload or new directory doesn't do anything.

Funny thing is that when I right click on the upload or create new directory tabs and tell them to open in new tab, it opens a second instance and then the functions work.

How do I make sure the JQuery is loaded?

Rainer
Dec. 06, 2009

Just for the heck of it, I tried Firefox 3.5.5 on Windows XP Pro and have the same issue.

Tiny_MCE was overwriting the ezFilemanager css, not to mention a javascript bug.
All have been fixed now with the new betta version.

Please download the v2a and let me know if you have any problems.
Dwaine
Dec. 11, 2009

I like the new layout and configuration. In my implemention of your v1.0 I had both standalone and tinymce in use, for the sandalone I use my site header/foor template (just a header.tpl.php file) so I can intergrate my site security. maybe for your next rev as this moves toward 2.0 final you could use that idea so the standlone quickly intergrates to a users site/security system.
Thanks no matter what I really like your product!

Sure why not, I'll have it in mind.
Dwaine
Dec. 18, 2009

Check your index.php in the ezfilemanager root folder around line 340 you left out the closing head tag before the body tag

Dwaine
Dec. 21, 2009

I have a couple of ovservations/comments, 1st on the file manager tab the folder icons are so small it's confusing as to what to click to go into a folder, the folder name looks like a link so you end up clicking that until it goes into rename mode. I suggest making them larger and setting the column spacing between the checkbox, folder icon and folder name larger mabe a seperator line. 2nd maybe add a 4th tab with help/faq for the filemanger, just put the text in your lang file, this will make it really user friendly, these help/faq are on using the file manager not setting it up, so over that's pretty short stuff.
Thanks..

Thanks for your suggestions and feedback, I'll have them in mind, but regarding the 4th tab, I'm not sure. After all this is open source, anybody can modify it according to his/her needs
Dwaine
Dec. 24, 2009

I seem to be having an issue with the preview function, both on mouseover and when you click to get the image preview, this is in standalone mode, intergrated to my admin panel.
When you mouseover the image icon you get a red x if you click it to preview you get a file not found error, it seems to be dropping the server name from the file path (http://files/boat_pics/2600_bowrider/ao2600bowrdr-1.jpg), not sure if this comes from the js in the html head or the filbrowser.php view div.

open config.php and enter your host name in SITE_URL
define("SITE_URL","http://".$_SERVER['HTTP_HOST']."/");//trailing slash required
Change with
define("SITE_URL","http://WWW.YOUR-DOMAIN.COM/");//trailing slash required
Ivana
Dec. 28, 2009

This is nicy manager, but when I upload image/file how could I insert it into the TinyMce editor? I don't see Insert/Update button?

If you have installed advanced image plugin, when you click on the image icon, from the popup you will be able to launch ezFilemanager and install will be available.

You cannot install directly if you click the ezFilemanager icon (like folder) on the TinyMCE toolbar
Peter Bakker
Jan. 14, 2010

Hi Naz,

Thank you for the ezFilemanager 2
Looks great.

For me it works stand alone and in tinyMCE from the ezFM-folder-icon.

And I can choose an image when I acces ezFM from the tinyMCE image icon window.
But I cannot insert a choosen image in the tinyMCE image-window. The green arrow is there in the ezFM window, but when I click on it the image just appear in a separate window and nothing more happens.
(I hope you understand what I try to tell).

Do you have an advice for me?

Thanks, Peter

Make sure the path of tinye_mce_popup,js is correct

Open ezfilemanager/index.php and edit the path of tinye_mce_popup,js line 24
<script type="text/javascript" src="YOUR-PATH-TO/tiny_mce_popup.js"></script>
Peter Bakker
Jan. 14, 2010

I had already the paths and URL's allright, Naz. And I did it again.
I also tested with all the paths and URL's hardcode (instead of using document.domain in ez_tinyMCE.js, etc).

Peter

«« back ««