Kendo UI Editor - Remove a specific tool from editor-menu

Question

How can I remove a specific tool/button from Kendo Editor control?

Actually, I just want to remove Insert image button from Kendo Editor(all tools) control.

@(Html.Kendo().Editor()
  .Name("editor")
  .Tools(tools => tools.SubScript().SuperScript().ViewHtml())
)

Any ideas?

Answer 1

Got it. Need to remove all the tools first of all, and then add each tool one by one. There is a method Clear() for it. Here is the code.

@(Html.Kendo().Editor()
    .Name(name)
    .Tools(tools => tools.Clear()                    //remove all tools
    .Bold().Italic().Underline().Strikethrough()
    .FontName().FontSize().FontColor().BackColor()
    .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
    .InsertUnorderedList().InsertOrderedList().Indent().Outdent()
    .FormatBlock().CreateLink().Unlink()
    .SubScript().SuperScript().ViewHtml()
)

Please let me know if there is any other way of doing this.

Answer 2

The other way to remove the specific or all tools is by using jquery, something like this -

<script>

    $(document).ready(function() {
        $("#editor").kendoEditor({
            value: "<p>hello there...</p>",
            tools: []
        });
    });

</script>

and here is the Demo JS Fiddle