Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CKEditor, Image Upload (filebrowserUploadUrl)

Tags:

ckeditor

I'm using CKEditor and would like to be able to allow users to upload and embed images in the Text Editor...

The following JS is what loads the CKEditor:

CKEDITOR.replace('meeting_notes', {     startupFocus: true,     toolbar: [         ['ajaxsave'],         ['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],         ['Cut', 'Copy', 'Paste', 'PasteText'],         ['Undo', 'Redo', '-', 'RemoveFormat'],         ['TextColor', 'BGColor'],         ['Maximize', 'Image']     ],     filebrowserUploadUrl: '/notes/add/ajax/upload-inline-image/index.cfm' }); 

Where I'm stuck is with filebrowserUploadUrl. What is that URL supposed to return to CKEditor to get this process to work?

Thanks

like image 707
AnApprentice Avatar asked Jan 22 '10 05:01

AnApprentice


2 Answers

The URL should point to your own custom filebrowser url you might have.

I have already done this in one of my projects, and I have posted a tutorial on this topic on my blog

http://www.mixedwaves.com/2010/02/integrating-fckeditor-filemanager-in-ckeditor/

The tutorial gives a step by step instructions about how to integrate the inbuilt FileBrowser of FCKEditor in CKEditor, if you don't want to make our own. Its pretty simple.

like image 167
Penuel Avatar answered Oct 15 '22 05:10

Penuel


May be it's too late. Your code is correct so please check again your url in filebrowserUploadUrl

CKEDITOR.replace( 'editor1', {     filebrowserUploadUrl: "upload/upload.php"  } ); 

And the Upload.php file

if (file_exists("images/" . $_FILES["upload"]["name"])) {  echo $_FILES["upload"]["name"] . " already exists. "; } else {  move_uploaded_file($_FILES["upload"]["tmp_name"],  "images/" . $_FILES["upload"]["name"]);  echo "Stored in: " . "images/" . $_FILES["upload"]["name"]; } 
like image 43
Calvin Duy Canh Tran Avatar answered Oct 15 '22 05:10

Calvin Duy Canh Tran