Setup<\/p>\n
1. Include JQuery 1.3.2 or newer to <head>. (1.7.2 is recommended)<\/p>\n
<script type=”text\/javascript” src=”https:\/\/ajax.googleapis.com\/ajax\/<\/p>\n
libs\/jquery\/1.7.2\/jquery.min.js”><\/script><\/p>\n
2. Include CKEditor after JQuery. (don’t forget to check file path)<\/p>\n
<script type=”text\/javascript” src=”ck\/ckeditor.js”><\/script> <script type=”text\/javascript” src=”ck\/adapters\/jquery.js”><\/script><\/p>\n
3. Include ck-in-place.js after CKEditor. (don’t forget to check file path)<\/p>\n
<script type=”text\/javascript” src=”ck-in-place.js”><\/script><\/p>\n
Note: data will POST to hander in var $_POST[‘content’]. (you can define handler url with data-handler attribute. See example for more info.)<\/p>\n
Quick Example<\/p>\n
add to div element.<\/p>\n
Double Click to Edit<\/p>\n
You may edit this content, but it cannot save.
\nYou need to add data-handler to handle the change. See next example for more info.<\/p>\n<\/div>\n
Quick Example with Data Handler<\/p>\n
add and data-handler=”handler.php” to div element.<\/p>\n
Double Click to Edit<\/p>\n
You may edit this content then save.
\nhandler.php will store change to cookie. Refresh this page and see it yourself!<\/p>\n
In real use you may edit handler.php to store content in DB or do whatever you want.<\/p>\n
p.s. cookie will expire in 1 minute after save.<\/p>\n<\/div>\n
Simple Tools<\/p>\n
add to div element.<\/p>\n
Double Click to Edit<\/p>\n
Add simple class to show only simple tools.<\/p>\n
You may edit this content, but it cannot save.<\/p>\n<\/div>\n
All Tools<\/p>\n
add to div element.<\/p>\n
Double Click to Edit<\/p>\n
Add full class to show all tools.<\/p>\n
You may edit this content, but it cannot save.<\/p>\n<\/div>\n
Advance Usage<\/p>\n
You may custom it yourself.<\/p>\n