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.
Customizing Built-In Tools
To customize any of the built-in tools of the Editor:
- Based on the default tool configuration, create the desired tool settings.
- 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. In addition, the
FontName DropDownLists' width and items are changed.