Integrate CKeditor with codeigniter

As most of the beginners looking for good editors, as I prefer CKeditor for my projects.
Why I should use CKeditor? For this question my answer is flexible and fast but also innovative, smart and user friendly.
Before we are going to integrate, let us know some features about CKeditor your are using.

Web Technologies: HTML, JAVASCRIPT, PHP, JAVA, JSP, ASP.NET, XML and Ajax, Black Book: HTML, Javascript, PHP, Java, Jsp, XML and Ajax, Black Book

1) Inline editing: For better editing experience CKeditor uses inline editing, a tool that totally removes the editing area, which also removes impractical text boxes ,
Now what you see in the editor will output the same in the webpage.
2) Undo Function: This features helps in text, you don’t need to worry about mistakes, and you can simple revert back your changes in your text, which helps you in time, never break things or lose your text.
3) UI Language auto detection: If your website has international users, CKeditor automatically detect their language and localizes the interface accordingly. The editor is translated into over 60 languages.
4) Spell check: This the best feature in CKeditor, which helps in spellings, when you type the sentences, No server integration required. The application is based on the quality spell checking services provided by
5) Quality xhtml output: CKeditor uses advanced W3C DTD controls to ensure that HTML is properly generated. If users didn’t enter broken code, the pages look good and will easily validate.

PHP and MySQL Web Development
READ  How to send email Html template using codeigniter framework?

Now let’s move to next step, it’s nothing but integrating CKeditor with codeigniter
For this you need to download the CKeditor package from website.
Now we need to unzip the package and copy the files into root folder of the project as shown in the below image.
ckeditor with codeigniter
Now let’s create the view in views folder of your project, here I created a dummy view to display the CKeditor in the webpage, let’s check the code in the view below.

Now final step to call this view using controller in codeigniter, let’s check the controller to call the view.

READ  Crop image using jquery and codeigniter framework.

And now finally call the url as below in your browser to load the CKeditor page.
Ex : http: localhost/projectname/ektree/ckeditor

Web Design with HTML, CSS, JavaScript and jQuery Set

Thanks for reading this article, for any queries please use comment system.

One Response

  1. Willard November 8, 2016

Leave a Reply