February 11, 2011 Print

ezFILEMANAGER v2.5 for TinyMce 3.x

ezFILEMANAGER v2.5 for TinyMce 3.x


ezFilemanager v2.5 

For TinyMCE v3.x,
Thanks to community translations, ezFilemanager is Multilingual (English, Dutch, German, Norwegian, Portuguese, Spanish, Swedish, Czech)

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.
    For security reasons enable password prottection and change the username/password
    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="" /]

  4. Protection
    Dont forget to enable password prottection and change the username/password

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

«« back ««