# Tools

The Kendo UI for Vue 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`](https://www.telerik.com/kendo-vue-ui-develop/components/editor/api/editorprops#tools) prop of the Editor. All tools which are inserted in an array are rendered in a [Kendo UI for Vue ButtonGroup](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/buttongroup) component.

The following example demonstrates all available built-in tools of the Editor configured and displayed together.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/editor/all-tools/source.txt)

## 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. In addition, the `FontSize` and `FontName` DropDownLists' width and items are changed.

The following example demonstrates how to customize built-in Editor tools by providing custom configurations for individual tool settings.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/editor/edit-built-in-tools/source.txt)



## Suggested Links

* [API Reference of the Editor](https://www.telerik.com/kendo-vue-ui-develop/components/editor/api/editor)