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

Question

我想将 Kendo 编辑器的前景色工具的默认颜色设置为 "black"。默认情况下，颜色始终为 "white".

Answer 1

试试这个：

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

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

Demo

foreColor 工具 实际上是 ColorPicker so you can set it's value 一旦创建了编辑器。

Answer 2

DontVoteMeDown 有一个很好的答案！但是，一旦您单击颜色选择器上的下拉箭头，您就会失去当前选择的颜色。您可以将当前颜色保存到一个变量中，并在每次打开调色板时重新加载它。然后在更改时更新所选颜色：

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

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

How do I set the default selected color of the KendoEditor's foreColor tool?

kendo-ui

kendo-editor

DEMO