Custom Drop Down

[Jeff]

Is there an easy way to add a custom drop down to the editor tool menu?

Thanks!

EDIT - To be more clear, I want to add a new combobox to the menu in the same style as the defaults.

[Alex Gyoshev]

Hello Jeff,

Custom tools can render a template, so you can work with that -- there is no official method for adding new drop-downs. If you feel comfortable with reusing the editor selectbox code, you can do so through the following snippet (note that using the internal widget may break without notice in future versions; using a kendoDropDown is possible):

$("#editor").kendoEditor({
    tools: [
        {
            name: "insertSnippet",
            tooltip: "Insert snippet",
            template: '<li class="k-editor-selectbox">' +
                  '<select class="insertSnippet"></select>' +
                '</li>'
        }
    ]
});

var ui = $(".insertSnippet");

// initialize the internal editor selectbox widget. could be any official kendo plug-in instead.
var selectBox = new kendo.ui.editor.SelectBox(ui, {
    dataTextField: "Text",
    dataValueField: "Value",
    dataSource: [
        { Text: "one", Value: "one" },
        { Text: "two", Value: "two" }
    ],
    change: function (e) {
        alert("changed!");
    },
    highlightFirst: false
});

// add 'unselectable' attribute so that tools persist selection when clicked
ui.closest(".k-widget").removeClass("k-insertSnippet").find("*").andSelf().attr("unselectable", "on");

Regards,
Alex Gyoshev
the Telerik team

[Jeff]

This is exactly what I was looking for. Thanks!