Controlled Mode

By default, the Editor is in an uncontrolled mode.

Controlling the Value

To manage the value of the Editor:

  1. Use its value property.
  2. Handle the onChange event.
  3. Pass the new value through the props.
Example
View Source
Edit In Stackblitz  
Change Theme:

Using String Value

The Editor's value property can also be a string. The HTML representation of the Editor's document needs to be obtained by the html getter of the onChange event object.

The following example demonstates how to use a string value of the Editor.

Example
View Source
Edit In Stackblitz  
Change Theme:

Using Uncontrolled Mode

To utilize the Editor in uncontrolled mode, use its defaultContent prop to set initial HTML and the editor's instance to get the edited HTML. See example.

In this article

Not finding the help you need?