Loading CKEditor Script
ckeditor directory in the root of your website, you need to insert the following code fragment into the
<head> section of your page:
<head> ... <script src="/ckeditor/ckeditor.js"></script> </head>
When adding CKEditor 4 to your web pages, use the original file name (
# Creating Editor Instances
# Classic Editing
Classic editing is the most common way to use CKEditor 4, when the editor is usually represented by a toolbar and an editing area placed in a specific position on the page. Sometimes it is also called “framed editing”, because in this scenario the editor creates a temporary
<iframe> element for itself.
# Inline Editing
Inline editing is an innovative feature that can be used for content which needs to look like the final page, giving you a true WYSIWYG experience. Editing is enabled directly on HTML elements through the HTML5
contenteditable attribute. The editor toolbar appears automatically for these elements, floating on the page.