Simple Code for integrating TinyMCE with Responsive Filemanager

You can use this code into codeigniter as well.
local server must be installed in your system. i used xampp.

To integrate TinyMCE with Responsive Filemanager we can follow some steps

Download this project to view demo

Steps

1. Copy and paste tinymce folder and filemanager folder into your root folder

2. In your web page where you view the TinyMCE editor add a textarea field like below code

        <div class = "col-md-10 form-group">
            <label for = "BlogDetails"> Blog Details </label>
            <textarea id = "BlogDetails" name = "blog_details" placeholder = "Write Here"></textarea>
        </div>
   

3. Add below script code into your web page

        <script type="text/javascript">
            var BASE_URL = "http://localhost/git/Integrate-TinyMCE-with-Responsive-Filemanager/"; // use your own base url
            tinymce.init({
                selector: "#BlogDetails",
                theme: "modern",
                // width: 680,
                height: 200,
                relative_urls: false,
                remove_script_host: false,
                // document_base_url: BASE_URL,
                plugins: [
                    "advlist autolink link image lists charmap print preview hr anchor pagebreak",
                    "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
                    "table contextmenu directionality emoticons paste textcolor responsivefilemanager code"
                ],
                toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect",
                toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor  | print preview code ",
                image_advtab: true,
                external_filemanager_path: BASE_URL + "./filemanager/",
                filemanager_title: "Media Gallery",
                external_plugins: { "filemanager": BASE_URL + "./filemanager/plugin.min.js" }
            });
        </script>
   

4. Edit config.php file located at filemanager/config folder.

5. Change the url of source and thumbs folder where files will be uploaded.

6. In config.php file you can also control file_number_limit_js, MaxSizeUpload, image_resizing and many more

How to integrate in Codeigniter?

1 . Keep Downloaded tinymce and filemanager folder into your projects assets folder
2 . Link your base url to assets folder 3 . Change base url into filemanager/config/config.php and also you can change others folder url like source, thumb folder

Output :

Find me on Facebook : My Facebook profile link
Find me on Linkedin : My Linkedin profile link
Email me : riyadhahmed777@gmail.com