CKEditor Samples » Replace Textarea with Inline Editor

This sample is not maintained anymore. Check out its brand new version in CKEditor Examples.

You can also create an inline editor from a textarea element. In this case the textarea will be replaced by a div element with inline editing enabled.

// "article-body" is the name of a textarea element.
var editor = CKEDITOR.inline( 'article-body' );

This is a sample form with some fields

Title:

Article Body (Textarea converted to CKEditor):