Saturday , 1 November 2014
Home » PHP Programming » Common Issues/Bugs » Browse Server & Image Upload Problem in CKEditor Solved
Browse Server & Image Upload Problem in CKEditor Solved

Browse Server & Image Upload Problem in CKEditor Solved

Hello Friends,

Some days ago, i moved from FCKEditor to CKEditor. CKEditor looks preety good but the problem is with upload image option. In demo application it shows me Browse Server & Upload button for uploading image or media but when i download it and integrate it into my web page, Browser Server and Upload option disappear. So i am not able to upload files from my local PC. I have to enter the URL of image manually and have to upload the image via FTP program.

I googled about this problem and searched in CKEditor forums. Finally i found the solution which solved Browse Server problem and i can Upload image from my local PC as well. Solution is to integrate the CKFinder in CKEditor. CKFinder is for uploading images and media. Below are the links for downloading CKFinder and integrating it in CKEditor.

 
If you find any problem in this than let me know by comment.

About Rakshit Patel

I am PHP Freelancer, Rakshit Patel AKA WordPress Freelancer working as PHP Programmer India. I am here to share all my developing knowledge, quick coding techniques, quick solutions to save your time and help you guys for any issue or bug fixing. If you have any PHP, WordPress, Magento related work, please contact me. I am interested for the work.

14 comments

  1. Hello Rakshit, I am integrating ckeditor in cakephp. I made changes in the controller file and so as in the view file as suggested by you. I included ckfinder in the view file and so as the javascript code. But still not able to see upload button in ckeditor. Can u help plz!!!!

  2. Hello Rakshit, I am integrating ckeditor in cakephp. I made changes in the controller file and so as in the view file as suggested by you. I included ckfinder in the view file and so as the javascript code. But still not able to see upload button in ckeditor. Can u help plz!!!!

  3. Have you integrate CKFinder ?

  4. Have you integrate CKFinder ?

  5. Yes I did. But still not able to find upload button on the ckeditor image upload.

  6. Yes I did. But still not able to find upload button on the ckeditor image upload.

  7. I follow the steps given in CKFinder. I did not face any problem when i integrate it. Please check it out once. You may be missing something.

  8. I follow the steps given in CKFinder. I did not face any problem when i integrate it. Please check it out once. You may be missing something.

  9. i not able to find upload button on the ckeditor image upload. pls help me

  10. CKEditor with CKFinder is not working in asp.net version. When i click browse server for upload picture, page not found error showing.

  11. I have a problem which is “server not found” when a try to upload image

    can u help me plz

  12. V3s microsystems.in is my web site

    Easy To integrate CKfinder To CK EDITOR
    Fallow The Following Steps

    1. download ck editor
    2. download ckfinder

    thnen Extract Ckfinder within CKEDITOR FOLDER

    ok

    Then ckfinder` s config.php open edit

    :::::::::::::::first function:::::::::::::::::

    function CheckAuthentication()
    {
    return true;
    }
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::
    then save

    paste This code with in form tag where put the text area …

    basePath = ‘/ckeditor/';
    $ckeditor->config['filebrowserBrowseUrl'] = ‘ckeditor/ckfinder/ckfinder.html';
    $ckeditor->config['filebrowserImageBrowseUrl'] = ‘ckeditor/ckfinder/ckfinder.html?type=Images';
    $ckeditor->config['filebrowserFlashBrowseUrl'] = ‘ckeditor/ckfinder/ckfinder.html?type=Flash';
    $ckeditor->config['filebrowserUploadUrl'] = ‘ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
    $ckeditor->config['filebrowserImageUploadUrl'] = ‘ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
    $ckeditor->config['filebrowserFlashUploadUrl'] = ‘ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
    $ckeditor->editor(‘CKEditor1′);

    ?>

  13. V3s microsystems.in is my web site

    Easy To integrate CKfinder To CK EDITOR
    Fallow The Following Steps

    1. download ck editor
    2. download ckfinder

    thnen Extract Ckfinder within CKEDITOR FOLDER

    ok

    Then ckfinder` s config.php open edit

    :::::::::::::::first function:::::::::::::::::

    function CheckAuthentication()
    {
    return true;
    }
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::
    then save

    paste This code with in form tag where put the text area …
    <?php

    basePath = ‘/ckeditor/’;
    $ckeditor->config['filebrowserBrowseUrl'] = ‘ckeditor/ckfinder/ckfinder.html’;
    $ckeditor->config['filebrowserImageBrowseUrl'] = ‘ckeditor/ckfinder/ckfinder.html?type=Images’;
    $ckeditor->config['filebrowserFlashBrowseUrl'] = ‘ckeditor/ckfinder/ckfinder.html?type=Flash’;
    $ckeditor->config['filebrowserUploadUrl'] = ‘ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files’;
    $ckeditor->config['filebrowserImageUploadUrl'] = ‘ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images’;
    $ckeditor->config['filebrowserFlashUploadUrl'] = ‘ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash’;
    $ckeditor->editor(‘CKEditor1′);

    ?>

    reply me If Your problm is solve ….. For Engineer & Solve there is any question unsolve if u got there answer

  14. i have a problem while uploading image.
    when image is uploaded the url in the ckeditor and url of the front end does not match so that while uploading the image if image is display in the ckeditor-textbox then it does not display in front end and vice-versa.

    can u help me plz..

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>