How to Integrate CKEditor in Codeigniter using Bootstrap

Dear Reader, let us know that, “How to integrate CKEditor in Codeigniter with Live Demo“. So in this Tutorial, We Learn Step By Step “CKEditor Integration in Codeigniter”.

CKEditor (formerly known as FCKeditor) is a rich text editor which enables writing content directly inside of web pages or online applications

First, we see Snapshot for CKEditor integration form

how-to-integrate-CKeditor-in-Codeigniter-step-1

And you can also see Live Demo by click on bellow Demo button

Step 1:- First of all we need to download ckeditor from here

Step 2:- Now we need to download ckfinder form here

Step 3:- Now we go to our project root directory like “C:\xampp\htdocs\ci_demo” and create assets folder in which paste downloaded files and extract “cdeditor.zip” and “ckfinder.zip” files

Step 4:- Now go to your project’s controller folder and create ckeditor folder in which create “ckeditorController.php” controller like “htdocs\ci_demo\application\controllers\ckeditor\ckeditorController.php” and paste below code

 

Step 5:- Now go to your project’s view folder and create ckeditor folder in which create “ckeditor.php” view file like “htdocs\ci_demo\application\views\ckeditor\ckeditor.php” and paste below code

 

Step 6:- Now we need to go to our project’s library folder and create “CKEditor.php” library file like “htdocs\ci_demo\application\libraries\CKEditor.php” and paste below code

 

Step 7:- Now to go to our project’s library folder and create “CKFinder.php” library file like “htdocs\ci_demo\application\libraries\CKFinder.php” and paste below code

 

Step 8:- Now we need to go to our project’s helpers folder and create “ckeditor_helper.php” library file like “htdocs\ci_demo\application\helpers\ckeditor_helper.php” and paste below code

Step 9:- At Last for run your project open browser and type in URL like “localhost/your_project_name/ckeditor/ckeditorController”

like

localhost/ci_demo/ckeditor/ckeditorController

you can see the result as we can see in below snapshot

how-to-integrate-CKeditor-in-Codeigniter-step-1

Congratulations you have successfully Completed “CKeditor integration process in Codeigniter”, if this post was helpful for you then please share this post on social media and if you have any query then please contact us or comment below and don’t forget us follow and like on Social Media, Thanks.

«
»

5 Comments:

  • Akmal June 27, 2018

    Hi, can we use CKEditor 5 with this?

    Reply

    • Webpreparations Team July 21, 2018

      Yes Sure dude 🙂

      Reply

  • Mudassar hanif July 25, 2018

    nice lets integrate in my website thanks

    Reply

  • david fernandez February 04, 2019

    work perfect 😀

    Reply

    • Webpreparations Team February 04, 2019

      Thank you for your appreciation, please like us on social media.

      Reply

Leave a comment:

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