August 08, 2013 Print

ezFILEMANAGER v2.6 for TinyMce 4.x

ezFILEMANAGER v2.6 for TinyMce 4.x


ezFilemanager v2.6, adds support to tinyMCE v4.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.
    <?php 
    ....
    define('USER_DIR','');//for multiuser directories, implementation is up to you, trailing slash required
    define('UPLOAD_DIR',''.USER_DIR);//upload directory relative to your site's root directory, trailing slash required
    .....
    ?>
    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_DIR.
    <?php 
    ....
    define('USER_DIR','');//for multiuser directories, implementation is up to you, trailing slash required
    define('UPLOAD_DIR',''.USER_DIR);//upload directory relative to your site's root directory, trailing slash required
    .....
    ?>

    Add ez_tinyMCE.js to your tiny_mce page, make sure the path is correct
    <script type="text/javascript" src="(your installation path/url)/tinymce.min.js"></script>
    <script type="text/javascript" src="(your installation path/url)/plugins/ezfilemanager/js/ez_tinyMCE.js"></script>
    
    Edit your TinyMCE init:
     <script type="text/javascript"> 
    tinymce.init({
    selector: "textarea",
    plugins: [ "advlist autolink lists link image charmap print preview anchor ezfilemanager",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste moxiemanager" ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outde nt indent | link image ezfilemanager",
    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>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    
    <script type="text/javascript" src="(your installation path/url)tinymce/jscripts/tiny_mce/plugins/ezfilemanager/js/ez_plugin.js"></script>
    </head>
    
    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 "rel" attribute
    <input type="text" name="title" id="myid" rel="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

Post a comment
«« back ««