Browse Server & Image Upload Problem in CKEditor Solved

php-issues-bugs-solutions

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.

15 Comments on Browse Server & Image Upload Problem in CKEditor Solved

  • Munish Sharma
    July 17, 2010 at 7:23 am

    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!!!!

  • Munish Sharma
    July 17, 2010 at 12:53 pm

    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!!!!

  • Rakshit Patel
    July 17, 2010 at 11:58 am

    Have you integrate CKFinder ?

  • Rakshit Patel
    July 17, 2010 at 5:28 pm

    Have you integrate CKFinder ?

  • Munish Sharma
    July 17, 2010 at 1:02 pm

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

  • Munish Sharma
    July 17, 2010 at 6:32 pm

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

  • Rakshit Patel
    July 17, 2010 at 1:39 pm

    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.

  • Rakshit Patel
    July 17, 2010 at 7:09 pm

    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.

  • sunil
    June 15, 2011 at 10:35 pm

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

  • sekhar
    October 7, 2011 at 10:22 pm

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

  • roba
    December 19, 2011 at 4:30 pm

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

    can u help me plz

  • vinay singh
    April 6, 2012 at 6:35 pm

    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’);

    ?>

  • vinay singh
    April 6, 2012 at 6:39 pm

    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

  • shanesh
    May 2, 2012 at 1:05 pm

    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..

  • kneyo
    January 20, 2015 at 3:30 pm

    Please i have problems with uploading on my ckeditor. I can upload to the serve with the dialogue box and image will be on the server (kcfinder), but it doesnt show on the ckeditor ..

    Please i need help

Leave a Reply

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

Sponsors

Sponsors

Recommended

DHgate Computers
DHgate.com - Computers, Cell Phones & more
  • We find everbuying built in php and use css to control the style.

About Author

PHP Freelancer

PHP Freelancer I am PHP Freelancer, Rakshit Patel working as PHP Programmer India. I am here to share all my developing knowledge with you people. For Hire PHP Developer India, contact me.
Follow on twitter: @raxit4u2

Get Free Programming Tutorials:

Become a Fan

Popular Topics

Recent Posts

Most Popular

Recent Comments

Get a Free Quote
$
$
$
Security Question: 3 + 8 = ?
$