New to Kendo UI for Vue? Start a free 30-day trial

Tools

The Editor provides a set of built-in, user-interface tools, enables you to customize the available tools and to add custom ones.

Using Built-In Tools

To add or remove any of the available tools, use the tools prop of the Editor. All tools which are inserted in an array are rendered in a Kendo UI for Vue ButtonGroup component.

The following example demonstrates all available tools of the Editor.

Example
View Source
Edit In Stackblitz  
Change Theme:

Customizing Built-In Tools

To customize any of the built-in tools of the Editor:

  1. Based on the default tool configuration, create the desired tool settings.
  2. Pass the settings to the corresponding function which creates the tool.

In the following example, the built-in Bold tool is changed to toggle the B tag, recognize the STRONG tag, its tooltip is changed to My Custom Bold, and the icon is reused. The FontSize DropDownList width and items are changed.

Example
View Source
Edit In Stackblitz  
Change Theme: