The forum operates in read-only mode. Please head to StackOverflow for support.

Wed, 01/11/2012 - 03:36

grace0205

Joined: 05/01/2012

Posts: 13

File Browser (Uploader)

Hi all,

I found in the documentation and see the below code can help to show the upload tab in image button

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

But my question is, where can i '/browser/browse.php' and '/uploader/upload.php'
Or it is made on my own ??

Thanks

Wed, 01/11/2012 - 08:44

Anna

Joined: 14/12/2010

Posts: 1369

Re: File Browser (Uploader)

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

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!

Thu, 01/12/2012 - 15:17

davidkan

Joined: 12/01/2012

Posts: 5

Re: File Browser (Uploader)

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

http://docs.cksource.com/ckeditor_api/s ... in.js.html

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

Thu, 01/12/2012 - 15:31

davidkan

Joined: 12/01/2012

Posts: 5

Re: File Browser (Uploader)

http://docs.cksource.com/ckeditor_api/symbols/src/plugins_filebrowser_plugin.js.html

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

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

filebrowserBrowseUrl : '/browser/browse.php',

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

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

Thu, 01/12/2012 - 22:35

davidkan

Joined: 12/01/2012

Posts: 5

Re: File Browser (Uploader)

<?

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>";
}
?>

Fri, 02/03/2012 - 04:26

grace0205

Joined: 05/01/2012

Posts: 13

Re: File Browser (Uploader)

hi david,
after i use your code
when i try to click upload, it will prompt a save as box which is calling my upload.php

did i miss out sth?

I used your php and change the domain

Wed, 10/29/2014 - 10:36

(Reply to #6) #7

Dhvani

Joined: 29/10/2014

Posts: 2

Hello There,

Has anyone figured out what would come in broser.php?

I have done the upload function, but not getting how to use browser.php.

Kindly help me if anyone knows.

thanks.

Tue, 11/18/2014 - 10:36

Carter26

Joined: 04/11/2014

Posts: 2

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.

Tue, 11/04/2014 - 10:28

(Reply to #8) #9

Dhvani

Joined: 29/10/2014

Posts: 2

Hello Carter,

You need to create upload.php file. In this file you will recieve posted data when someone click on button send it to server. So, store your image from this file.

Below is example of upload.php file code.

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 = $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>";
}