如何设置KendoEditor的foreColor工具的默认选择颜色？

Question

我想将Kendo Editor的foreColor工具的默认颜色设置为＆＃34; black＆＃34;。默认情况下，颜色始终为＆＃34;白色＆＃34;。

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");

Demo

foreColor工具实际上是ColorPicker，因此您可以在创建编辑器后立即将其设置为value。