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.
See the demo here. Read all about this editor type in the Classic Editing article.
# 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.
See the demo here. Read all about this editor type in the Inline Editing article.