Как установить выбранный по умолчанию цвет инструмента ForeColor KendoEditor?

Question

Я хочу установить цвет по умолчанию для инструмента foreColor редактора Kendo на "черный". По умолчанию цвет всегда белый.

Answer 1

У DontVoteMeDown отличный ответ! Однако, как только вы нажмете стрелку раскрывающегося списка на ColorPicker, вы потеряете текущий выбранный цвет. Вы можете сохранить текущий цвет в переменную и загружать его каждый раз, когда открывается палитра. Затем обновите выбранный цвет при изменении:

    var curForeColor = "#000000";

    $("#editor").kendoEditor({
        tools: [{
            name: "foreColor",
        }]
    });


    var colorpicker = $("div.k-i-foreground-color").data("kendoColorPicker");
    colorpicker.value(curForeColor);

    colorpicker.bind("change", function(){
      curForeColor = colorpicker.value();
    });


    colorpicker.bind("open", function(){
      colorpicker.value(curForeColor);
    });

DEMO

Answer 2

Попробуй это:

var editor = $("#editor").data("kendoEditor");

$(editor.toolbar.element)
        .find("div.k-i-foreground-color")
        .data("kendoColorPicker")
            .value("#000000");

демонстрация

Инструмент foreColor на самом деле является ColorPicker, так что вы можете установить его value как только редактор создан.