New to Kendo UI for VueStart 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.
Change Theme
Theme
Loading ...

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.

Change Theme
Theme
Loading ...

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.