CKEditor Samples » Replace Textarea with Inline Editor

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


Article Body (Textarea converted to CKEditor):