See http://docs.cksource.com/CKEditor_3.x/H ... e_Uploader

Anna wrote:See http://docs.cksource.com/CKEditor_3.x/H ... e_Uploader

Hi,

After I read the documentation create a custom file browser or use an existing one, I still not really sure how to get it work.

1. Do I need to create a new folder on plugin and name it as "filebrowser"?
2. I copy the code from http://docs.cksource.com/ckeditor_api/s ... in.js.html and remove all numbering then save it as plugin.js under filebrowser folder
3. Do i need to insert the code below into the config.js?

   
CKEDITOR.replace( 'MyToolbar',
    {
        filebrowserBrowseUrl : '/browser/browse.php',
        filebrowserUploadUrl : '/uploader/upload.php'
    });

Can anyone provide the details steps showing how to implement this for a newbies like me to follow?

Thanks in advance for helping and instructions

OK, I finally figure it out how to make it work. Share on here so anyone who have the same question like me will be able to get it work.

1. Create a new folder under "plugin" and name it as "filebrowser"
2. Copy the js script from http://docs.cksource.com/ckeditor_api/symbols/src/plugins_filebrowser_plugin.js.html
3. Save the js script into "filebrowser" and name it as plugin.js
4. On your Textarea html code add your code. Below is my own code as sample

<script language="JavaScript" type="text/javascript">
CKEDITOR.replace( 'fmsg',
{
filebrowserBrowseUrl : '/browser/browse.php',
filebrowserUploadUrl : '/uploader/upload.php'
});

CKEDITOR.replace( 'fmsg', { toolbar : 'MyToolbar' } );
</script>

if you want only the Upload image and do not want the Browse Server, then remove this line

filebrowserBrowseUrl : '/browser/browse.php',

So your code should be look like this

<script language="JavaScript" type="text/javascript">
CKEDITOR.replace( 'fmsg',
{
filebrowserUploadUrl : '/uploader/upload.php'
});

CKEDITOR.replace( 'fmsg', { toolbar : 'MyToolbar' } );
</script>

Try it out

Recently I figure out how to get upload.php to work, I believed there are still someone not sure and keep searching on this. So I decided to share it with everyone. (I only did upload.php, not yet try browser.php)

1. Create a new php file and save it as upload.php
2. PHP code should be something like below

<?

if(isset($_FILES['upload'])){
   ------ Process your file upload code -------
        $filen = $_FILES['upload']['tmp_name']; 
        $con_images = "uploaded/".$_FILES['upload']['name'];
        move_uploaded_file($filen, $con_images );
       $url = "http://www.yourdomain.com/".$con_images;

   $funcNum = $_GET['CKEditorFuncNum'] ;
   // Optional: instance name (might be used to load a specific configuration file or anything else).
   $CKEditor = $_GET['CKEditor'] ;
   // Optional: might be used to provide localized messages.
   $langCode = $_GET['langCode'] ;
    
   // Usually you will only assign something here if the file could not be uploaded.
   $message = '';
   echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$url', '$message');</script>";
}
?>

This is just an idea for you how does it work, you might need to add more code on image procedures. Try it out.

Hello everyone,

I'm done with the code given above. But when I click upload, something calls for upload.php. And can anyone show me the way to use browser.php.
Thanksfully.