Editor

Basic Editor

Editor has just few buttons in its version with Basic toolbar (which is a default configuration).

<textarea id="basic-editor"></textarea>
$('#basic-editor').editor({
  toolbar: 'Basic' // default value
});
Full Editor

In configuration with Full toolbar, CKEditor offers many tools for full-fledged content editing suitable even for most sophisticated use cases.

<textarea id="full-editor"></textarea>
$('#full-editor').editor({
  toolbar: 'Full'
});
Inline Editor

Inline editor offers an user interface for editing conteneditable areas.

Inline Editing in Action!

The div element that contains this text is now editable.

<div id="inline-editor" contenteditable="true">
  <p>Inline Editing in Action!</p>
  <p>The div element that contains this text is now editable.
</div>
$('#inline-editor').editor();