I just bought a licence for CKFinder, hoping to use it with CKEditor 3.0 (currently using nightly build) but can't find how to get the "Browse Server" button to show. If I browse the DOM tree I can see the "Browse Server" button is inside the Image properties dialog, in a table cell, but its "display" property is set to "none". Changing the CSS to "block" so it shows makes the button appear, but it is non-functional.
According to the ticket system, ticket 3673 (http://dev.fckeditor.net/ticket/3673) which was completed and closed, added a "plugin that makes it possible to integrate any file browser in CKEditor".
The documentation in the ticket shows that setting filebrowser_image_browse_url should be sufficient to enable this; I have also made sure to specify "filebrowser" in the plugins list.
This is how I am calling the editor: - note "filebrowser" in the plugins list, and the image_browse_url is set :
CKEDITOR.config.plugins='about,basicstyles,blockquote,button,clipboard,colorbutton,contextmenu,elementspath,enterkey,entities,filebrowser,find,flash,font,format,forms,horizontalrule,htmldataprocessor,image,indent,justify,keystrokes,link,list,maximize,newpage,pagebreak,pastefromword,pastetext,preview,print,removeformat,save,smiley,showblocks,
sourcearea,stylescombo,table,tabletools,specialchar,tab,templates,toolbar,undo,wysiwygarea,wsc';
CKEDITOR.config.image_browseServer=true;
editor = CKEDITOR.appendTo( 'editor',{
startupFocus:0,
filebrowser:true,
imagebrowser:true,
filebrowser_browse_url : '/a/ckfinder/ckfinder.html?action=js&func=SetUrl&thumbFunc=SetUrl',
filebrowser_image_browse_url : '/a/ckfinder/ckfinder.html?action=js&func=SetUrl&thumbFunc=SetUrl&Type=Images',
filebrowser_flash_browse_url : '/a/ckfinder/ckfinder.html?action=js&func=SetUrl&thumbFunc=SetUrl&Type=Flash',
filebrowser_upload_url : '/a/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowser_image_upload_url : '/a/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowser_flash_upload_url : '/a/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});
I also notice on http://dev.fckeditor.net/changeset/3716 there was a change to plugins/image/dialogs/image.js which makes a check in the config for image_browseServer.
if ( !dialog.getParentEditor().config.image_browseServer )
dialog.getContentElement( 'info', 'browse' ).getElement().hide();
(See http://dev.fckeditor.net/changeset/3716)
This looks like where the browse button may be getting hidden; I tried setting CKEDITOR.config.image_browseServer=true; (as shown in my invocation code above) but still doesn't seem to bring the magic button out to play.
Any help or insight on this would be very greatly appreciated.. I've spent too many days on this!!
Should I file it as a bug?
Tue, 08/11/2009 - 20:40
#1
Re: CKEditor 3.0 and CKFinder
I have temporary solution for my case, but filebrowser would be better to use.
What I did:
* added a new tab for plugins: link, image, flash, like this:
ckeditor\plugins\image\dialogs\image.js:
contents:[ ckeditor_ext_image_tab1, { ...* In ckeconfig.js I have:
var ckeditor_ext_image_tab1 = { id: 'systemimg', label: 'Browse images', elements: [{ type: 'html', html: "<div class='cke-file-list'></div>", onLoad: function(event) { // load content by using ajax ... } focus: function() { ... }, onClick: function() { ... }, style: 'width: 100%; height: 100%; border-collapse: separate;' }] };It works, but I hope to see a solution for filebrowser plugin use
Re: CKEditor 3.0 and CKFinder
I found out that setting 'filebrowserBrowseUrl' in the config shows the buttons, but only with that URL and I am adding extra params in the filebrowser properties like :
filebrowser: { action: 'Browse', //required target: 'Link:txtUrl', //required url: 'find-img', params: //optional { action: 'link' } }It look like it is not using the filebrowser.url
Please help, it is driving me nuts.