New to KendoReact? Start a free 30-day trial

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.