Ckeditor Edit-In-Place jQuery Plugin.

Posted on July 26th, 2015. Written by Dave.

This jQuery Plugin allows you to add edit in place functionality to you web site but unlike most edit-in place plugins CKeip uses ckeditor.

View The Demo

How it works ?

When ckeip is called it creates a hidden CKeditor instance on the page, when the div you wish to make editable is double clicked the div will transform into a CKeditor instance.

How to use ?

Firstly before including ckeip make sure to have included ckeditor and the jquery adapter like below.

<script type=”text/javascript” src=”ckeditor/ckeditor.js”></script>

<script type=”text/javascript” src=”ckeditor/adapters/jquery.js”></script>

Using ckeip is very easy and requires just one function call.


e_url: 'test.php'


e_url is the only required settings and should the location of the server-side file which handles the data.

the plugin uses a POST request to send the data. The ckeditor html is sent in in a from field called content

If you require additional data to be sent to the server side code you can do the following :

e_url: 'test.php',

data: {
example_var : 'example_value',
example_var2 : 'example_value2'


you can then access these vars on your server side page using the following (in PHP) :



e_hover_color – The color to change the editable div to on hover.

e_height – The height of ckeditor.

e_width – The width if ckeditor.

ckeditor_config – This is the config options for ckeditor use like (see ckeditor docs for more info) :

ckeditor_config : {

['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],

['Maximize', 'ShowBlocks','-'],[ 'UIColor' ]


data – See above.

Callback Function

you can hav a callback function like below. The param response is the data sent back by the server side page.

e_url: 'test.php',

function (response) {


View The Demo

This entry was posted on Sunday, July 26th, 2015 at 8:57 pm and is filed under jQuery, jQuery Plugins, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. You can leave a response, or trackback from your own site.


Leave a Comment

You must be logged in to post a comment.

Random Ramblings

Looking for a good VPN service?

If you are serious about your online security and safety, you owe it to yourself to be using a trusted VPN. And Torguard is one of the best and most trusted VPN services around. For the best Torguard promo code to save you money, check out