-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Integration with CKEditor
You must tell CKEditor where the file manager is.
CKEDITOR.replace( 'editor1', {
filebrowserBrowseUrl : 'path/to/editor/file', // eg. 'includes/elFinder/elfinder.html'
uiColor : '#9AB8F3'
});
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.filebrowserBrowseUrl = 'includes/elFinder/elfinder.html';
};
Copy main.default.js
to main.cke.js
And edit a part opts = {...},
.
opts = {
getFileCallback : function(file) {
window.opener.CKEDITOR.tools.callFunction((function() {
var reParam = new RegExp('(?:[\?&]|&)CKEditorFuncNum=([^&]+)', 'i') ;
var match = window.location.search.match(reParam) ;
return (match && match.length > 1) ? match[1] : '' ;
})(), file.url);
elf.destroy();
window.close();
},
url : 'php/connector.minimal.php', // connector URL (REQUIRED)
lang: lang // auto detected language (optional)
},
Edit elfinder.html
a part main.default.cke.js
to main.cke.js
<script data-main="./main.cke.js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.min.js"></script>
Code Variations
Type of data returned by elFinder is determined by it's options
window.opener.CKEDITOR.tools.callFunction(funcNum, file.url);
or
window.opener.CKEDITOR.tools.callFunction(funcNum, file);
?
see https://github.com/Studio-42/elFinder/wiki/Client-configuration-options#commandsoptions
commandsOptions.getfile.onlyURL = false
is file.url
commandsOptions.getfile.onlyURL = true
is file
http://elfinder.org/forum/#/20110728/integration-with-ckeditor-759177/
http://forrst.com/posts/Elfinder_2_0_beta_filemanager_for_the_web_Ex-PPS
http://elfinder.org/forum/#/20120619/ckeditor-3-1700374/