Content editable

I would hardly call that content.

— Anonymous

Definition

Content editable is the DOM concept that makes in-browser rich text editing possible. It makes it possible for users to use HTML to style their input, instead of all input being treated as a raw string.

In bandicoot, the RichTextEditor component is in charge of rendering a content editable div.

You can read more about content editable in these MDN docs.

Example

To get started with content editable divs, simply add the contenteditable attribute to a dom element:

<div contenteditable="true" />

Now your div will be modifiable by users and can contain rich text. See this code pen for a simple example.

The good news is that bandicoot takes care of a lot of the content editable stuff without you having to think about it.