February 08, 2011
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.
InstallationCopy the ezFilemanager folder and contents to your TinyMCE plugins directory.
- Stand alone installation
Open config.inc.php and edit configuration, mainly the UPLOAD_DIR
Just point your browser to the ezfilemanager folder
- 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",
..........
});
- 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
