Controlled Mode

By default, the React Editor, part of KendoReact, 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.

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 demonstrates how to use a string value of the React Editor, part of KendoReact.

Using Uncontrolled Mode

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

Suggested Links

• API Reference of the Editor
• Editor's value/document object