April 20, 2014 Print

ezFILEMANAGER v3.0 RC for TinyMce 4.x

ezFILEMANAGER v3.0  RC for TinyMce 4.x


ezFilemanager v3.0 RC,
Adds support to tinyMCE v4.x, major re-coding, smaller footprint, upgraded JQuery and using Twitter bootsrap framework.

Default language English.
Translations: Greek, Spanish (Please send me your translations, it will be highly appreciated)

Demo
ezfm.webnaz.net
Username: user@localhost
Password: testing

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_FOLDER.
    <?php 
    ....
    define('USER_FOLDER','');//for multiuser directories, implementation is up to you, trailing slash required
    define('UPLOAD_FOLDER',''.'/'.USER_FOLDER);//upload directory relative to your site's root directory, no trailing slash
    ?>
    For security reasons enable password protection 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_FOLDER
    <?php 
    ....
    define('USER_FOLDER','');//for multiuser directories, implementation is up to you, trailing slash required
    define('UPLOAD_FOLDER',''.'/'.USER_FOLDER);//upload directory relative to your site's root directory, no trailing slash
    ?>

     <script> 
    //Your ezfilemanager URL, Width & Height might be different, change it accordingly
    var ezfmURL = tinyMCE.baseURL +"/plugins/ezfilemanager/"; //when using local tinymce
    //var ezfmURL = window.location.protocol+"//"+document.domain +"/(your installation path or url)/tinymce/plugins/ezfilemanager/"; //with Cachefly CDN
    var ezfmWidth= 800;
    var ezfmHeight= 640;
    var ezfmTitle= 'EZ Filemanager v3.0 RC';
    </script>

    <script type="text/javascript" src="(your installation path or url)/tinymce.min.js"></script>
    <script type="text/javascript" src="(your installation path or url)/plugins/ezfilemanager/js/ez_tinyMCE.min.js"></script>

    Edit your TinyMCE init:
    <script type="text/javascript">
    tinymce.init({
    selector: "textarea",
    // Uncomment the below If using TinyMCE CDN
    //language_url : '(your installation path or url)/tinymce/langs/en.js',
    plugins: [ "advlist link image media",
    "ezfilemanager", //comment out if using TinyMCE CDN "media nonbreaking contextmenu" ],
    // Uncomment the below If using TinyMCE CDN
    //external_plugins: {"ezfilemanager": "(your installation path or url)/plugins/ezfilemanager/plugin.min.js"},
    toolbar1: "undo redo | ezfilemanager | image link media",
    image_advtab: true,
    relative_urls: false,
    file_browser_callback: CustomFileBrowser
    });
    </script>
  3. Generic Plugin for text input area.
    Put this in your page header
    <head>
    <! -- jQuery CDN -- >
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <! -- modify according to your directory structure -- >
    <script type="text/javascript" src="(your installation path or url)/tinymce/plugins/ezfilemanager/js/ez_tinyMCE_plugin.js"></script>
    ...
    </head>
    Put text input in the page, set the ID of the input to "ezfm"
    <input id="ezfm" name="title" type="text" value="" /> 
    Double clicking the text input field will open ezfilemanager
    if you want to open a specific directory then use the custom "rel" attribute
    <input id="ezfm" name="title" type="text" rel="upload-folder/myfolder/" value="" />
  4. Protection
    Dont forget to enable password protection and change the username/password.

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

Post a comment
James Miller Reply
May 08, 2014
Naz
Version 3 looks promising, but I'm concerned with security, is it as secure as your v2.5?
Naz (admin)
May 10, 2014
Yes it is.
But I would advise you to use the repository from Github
«« back ««