Summernote Plugin for elFinder File Manager
-
Download plugin files. Extract it and copy into your summernote plugin directory.
-
Include the summernote ext javascript file into your html page.
<script src="path/to/plugin/summernote-ext-elfinder/summernote-ext-elfinder.js"></script>
-
Change the Value of the URL at the elFinder Callback file. Replace it with your elfinder connector url.
-
Include the summernote callback javascript into your html page.
<script src="path/to/plugin/summernote-ext-elfinder/elfinder-callback.js"></script>
-
Initialize the plugin at your summernote initialization code.
<script type="text/javascript"> $(function() { $('.summernote').summernote({ height: 200, tabsize: 2, toolbar: [ ['style', ['bold', 'italic', 'underline', 'clear']], ['insert', ['elfinder']] ] }); }); </script>
- Summernote : master branch (after v0.8.1)
- elFinder : 2.1.9
- Bootstrap : v3.3.6
- jQuery : 1.12.1
- jQuery-UI : 1.11.4
Don't forget to include the jQuery and jQuery-UI. The latest elFinder not include jquery-ui file.