Install file manager plugin for CKEditor
When you already have CKEditor installed, you can just install Flmngr add-on for CKEditor.
In order to install file manager plugin for CKEditor, download it:
… unpack it into plugins/
directory:
ckeditor/
plugins/
file-manager/
plugin.js
and enable it in config.js
or using passing parameters directly on programmatical initialization
Configure CKEditor
There are two ways to pass parameters into CKEditor (use one of them):
- by editing
config.js
- using initialization script
Example of configuring with using config.js
file
CKEDITOR.editorConfig = function(config) {
config.extraPlugins = "file-manager";
config.toolbar = [['Upload', 'Flmngr', 'ImgPen']];
config.Flmngr = {
urlFileManager: 'https://fm.flmngr.com/fileManager',
urlFiles: 'https://fm.flmngr.com/files/'
}
}
Example of passing parameters from initialization script
CKEDITOR.replace("editorId", {
extraPlugins: "file-manager",
Flmngr: {
urlFileManager: 'https://fm.flmngr.com/fileManager',
urlFiles: 'https://fm.flmngr.com/files/'
},
toolbar: [['Upload', 'Flmngr', 'ImgPen']],
});
Add extraPlugins
option if you do not have one. If this option already exists in your config you pass to CKEditor, just append file-manager
to existing configuration like plugins: "somePlugin,file-manager"
That's it. Now you are ready to install Flmngr file manager backend.