Tools

The Editor provides a predefined collection of tools that are used to interact with the widget.

You can enable any of these tools by using the tools configuration option.

Default Tools

If you do not define a set of specific tools, the Editor creates a set of default tools for text formatting. For a runnable example, refer to the demo on the built-in tools in the Editor.

The following example demonstrates how to implement a set of specific Editor tools.

   $(document).ready(function(){
      $("#editor").kendoEditor({
         tools: [
             "bold",
             "italic",
             "underline",
             "foreColor"
         ]
      });
  });

Custom Tools

Apart from the available built-in tools, you can extend the Editor functionality through custom tools that are defined in the tools array.

The following example demonstrates how to add a custom tool button. To enable styling where toolName is the specified name in the custom tool configuration, the custom buttons get a k-toolName CSS class. The undo and redo tool names are reserved.

   $("#editor").kendoEditor({
       tools: [
           {
               name: "toolName",
               tooltip: "Custom editor tool",
               exec: function(e) {
                   var editor = $(this).data("kendoEditor");

                   // execute command
               }
           }
       ]
   });

See Also

In this article
Not finding the help you need? Improve this article