Check the attachment. It contains a plugin that adds another button to the FCKeditor that launches CKFinder directly and automatically inserts an image or a link to a file when file is selected in CKFinder. Please consider this more as a proof of concept than an official plugin (it's unofficial and I didn't test it thoroughly). However do feel free to suggest improvements. You might actually want to modify this plugin before using it. Installation is pretty simple: unpack the contents of this file ckfinder_plugin.zip and put it in fckeditor/editor/plugins directory, then follow the instruction in the fckplugin.js file. Let me know if you have any problems with it.
This plugin seems to be for FCKEditor.Is there any such plugin available for CKEditor 4.0.1 version? I am looking to add a button on CkEditor that would invoke CKFinder.. Currently with Image button, intermediate image dialog is displayed from where ckfinder is invoked. I want a way of invoking CKFinder directly on a toolbar button click.. Please help
I am attempting to create a custom button on CKEditor that would invoke CKFinder which would upload files. I do understand that there is an Image and Link buttons on CKEditor toolbar which would invoke an intermittent dialog through which CKFinder can be invoked. But I am looking for a way to invoke CKFinder directly on clicking a button on CKEditor.
I could accomplish first part of the task by using CKEditor's plugin logic. Now I have a button in my CKEditor instance.
My question is how do I invoke CKFinder instance?
CKEDITOR.plugins.add('abbr', {
icons: 'abbr',
init: function (editor) {
editor.addCommand('abbrDialog', new CKEDITOR.dialogCommand('abbrDialog'));
editor.ui.addButton('Abbr', {
label: 'Invoke CKFinder',
command: 'abbrDialog'
});
CKEDITOR.dialog.add('abbrDialog', this.path + 'script/abbr.js' );
}
CKEDITOR.dialog.add('abbrDialog', function (editor) {
var finder = new CKFinder();
finder.basePath = '/ckeditor/ckfinder/';
finder.selectActionFunction = InsertFile;
finder.resourceType = 'Images';
finder.popup();
});
I tried adding code that I used to create a popup CKFinder here. But things don't seem to work. Please help.
if you have a valid CKFinder license, you are fully entitled to use the dedicated support channel where CKFinder/ CKEditor developers will be happy to assist you with any CKFinder customizations like this one.
All the information is included in the e-mail message that you got when you purchased a license. This message also includes your private token that you should use in all support channel communications.
Re: ckfinder as Image button in a toolbar?
Please consider this more as a proof of concept than an official plugin (it's unofficial and I didn't test it thoroughly). However do feel free to suggest improvements.
You might actually want to modify this plugin before using it.
Installation is pretty simple: unpack the contents of this file ckfinder_plugin.zip and put it in fckeditor/editor/plugins directory, then follow the instruction in the fckplugin.js file.
Let me know if you have any problems with it.
Attachments:
Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Re: ckfinder as Image button in a toolbar?
Thank you, Wiktor! Excellent support
// edit: implemented, works very well.
wiktor, This plugin seems to be for FCKEditor.
Hi Wiktor,
This plugin seems to be for FCKEditor.Is there any such plugin available for CKEditor 4.0.1 version? I am looking to add a button on CkEditor that would invoke CKFinder.. Currently with Image button, intermediate image dialog is displayed from where ckfinder is invoked. I want a way of invoking CKFinder directly on a toolbar button click.. Please help
I am attempting to create a
I am attempting to create a custom button on CKEditor that would invoke CKFinder which would upload files. I do understand that there is an Image and Link buttons on CKEditor toolbar which would invoke an intermittent dialog through which CKFinder can be invoked. But I am looking for a way to invoke CKFinder directly on clicking a button on CKEditor.
I could accomplish first part of the task by using CKEditor's plugin logic. Now I have a button in my CKEditor instance.
My question is how do I invoke CKFinder instance?
I tried adding code that I used to create a popup CKFinder here. But things don't seem to work. Please help.
CKEDITOR.dialog.add
can anyone help me with this please?
can anyone help me with this please?
Hi Razkim,
Hi Razkim,
if you have a valid CKFinder license, you are fully entitled to use the dedicated support channel where CKFinder/ CKEditor developers will be happy to assist you with any CKFinder customizations like this one.
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
Hi Anna, How do I access and
Hi Anna, How do I access and post my question to the dedicated support channel?
All the information is
All the information is included in the e-mail message that you got when you purchased a license. This message also includes your private token that you should use in all support channel communications.
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!