ColdFusion File Manager for CKeditor 4

This is an excellent solution - thank you for sharing it. It took a while to get it going but it was worth the effort.

I cant seem to get the downlaod to work unless I change the ckeditor,js src call to "http://cflove.org/examples/FileManager4ck/ckeditor.js". The download doesn't have the file ckeditor.js?

This does not appear to work when using the CKEditor CDN. The iFrame you create does not change it's source when 'addExternal()' is used to add your plugin to a CKEditor loaded from the CDN. Are you willing to support that?

Hey there - first, thanks for putting this plugin together.

Unfortunately, having the same issues as some of the other folks (browse server button not showing in the image dialog) - for me, looks like that's also happening on your demo page (FF + Safari OSX 10.8 & FF in XP (yeah, I know)).

Thanks!

I downloaded and placed the folder in the plugins folder and my config.js is a follows. When I run the code on the page the editor does not show up at all. If I remove the file manger entries the editor displays.

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// The toolbar groups arrangement, optimized for two toolbar rows.
{
config.extraPlugins = 'filemanager';
};

config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'forms' },
{ name: 'tools' },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'filemanager', items: ['filemanager'] },


];

// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
config.removeButtons = 'Underline,Subscript,Superscript';

// Set the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';

// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced';
};


Any help would be great.

hi, I have successfully added and configured filemanager. It works great however I have one page where there's more than one instance of ckeditor.
When selecting an image in one text area to insert, it gets inserted into another text area.
Please help.
Thanks

Does this work with inline editing?
I'm having trouble getting the config to show the button in the toolbar.
You mentioned to use lowercase when calling the items:['filemanager'] but that didn't work.
Here's my code.

CKEDITOR.on( 'instanceCreated', function( event ) {
var editor = event.editor;
editor.on( 'configLoaded', function() {
editor.config.extraPlugins = 'filemanager';
editor.config.toolbar = [
{ name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
{ name: 'editing', items: [ 'Find', 'Replace', 'SelectAll', 'Scayt' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
{ name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak', 'InsertPre' ] },
{ name: 'blocks', items: [ 'Blockquote', 'CreateDiv' ] } ,
{ name: 'tools', items: [ 'Source' ] },
{ name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', ] },
{ name: 'filemanager', items: ['filemanager'] },
'/',
{ name: 'styles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
{ name: 'list', items: [ 'NumberedList', 'BulletedList' ] },
{ name: 'indent', items: [ 'Outdent', 'Indent' ] } ,
{ name: 'paragraph', items: [ 'JustifyLeft', 'JustifyRight', 'JustifyCenter', 'JustifyBlock' ] },
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] }
];
});
});

in my case, it seems that the iframe containing filemanager.cfm won't show any files found by the userfiles-path. everything works perfectly (create new folder, upload file) but i dont get any folder or file shown up like in the demo of yours.

i have edited filemanager/dialogs/filemanager.js line 14 as mentioned but have no clue wy i dont get any files shown up.

Do you have any ideas for me?

When I click the filemanager icon when editing the text with CKeditor, I receive the following error with Internet Explorer

File not found: /plugins/filemanager/filemanager.cfm

The stack trace starts out with the following. If you need more, I can send the full stack trace.

coldfusion.runtime.TemplateNotFoundException: File not found: /plugins/filemanager/filemanager.cfm
at coldfusion.filter.PathFilter.invoke(PathFilter.java:115)
at coldfusion.filter.ExceptionFilter.invoke(ExceptionFilter.java:94)

With Firefox the following (different) error appears when I click the filemanager icon.

The address wasn't understood
Firefox doesn't know how to open this address, because the protocol (d) isn't associated with any program.
You might need to install other software to open this address.

I then started using the demo page to simplify the troubleshooting process and received the same error when I click the filemanager icon on the demo page.

Next I edited the Plugins/filemanager/dialogs/filemanager.js file and modified line 14 as recommended in the 01/03/14 info posted by Sam, but that did not resolve the issue. I started by using the full physical absolute path and then tried other variations as well. With the test of each modification I noticed there was no difference in the file noted in the error message. It appears as if the Plugins/filemanager/dialogs/filemanager.js file is not being referenced or the server has cached the location of the filemanager.js file from the first time I invoked it.

I then deleted the Plugins/filemanager/dialogs/filemanager.js file and invoked the demo - expecting to receive an error about the filemanager.js file, but instead the previous error was still showing.

I've configured my settings file exactly as the instructions indicate:
<cfset settings.UserFiles = "E:\Inetpub\wwwroot\cfdev\filwiz\images">
<cfset settings.UserFilesURL = "http://wwww.nprstations.org/cfdev/filwiz/images">
but when I click the toolbar icon to open the file manager, the window just says "loading". Is there another setting I need to edit?

I am trying to add the plugin but I cannot get the button to appear. Any idea?

Hi, I would use the filemanager for different projects, but with one source. How can I customize the "settings.UserFiles" and "settings.UserFilesURL"? Anyone a good idea? Thanks.

I am unable to make it work with CKeditor 4.3 in IE10+ and chrome. But it is working flawlessly in firefox.
Please help.

Hello,
I can not make it work. Comes out this error:

Page /plugins/filemanager/filemanager.cfm [/var/www/website.com/plugins/filemanager/filemanager.cfm] not found

The correct path should be this: /var/www/website.com/assets/js/ckeditor/plugins/filemanager/filemanager.cfm
How do I set it up?

Awesome! I was just about to try this, thanks for saving me the headache :)