0

我想将 Kendo Editor 的前景色工具的默认颜色设置为“黑色”。默认情况下，颜色始终为“白色”。

4

2 回答 2

3

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

演示

于 2017-08-10T20:45:43.983 回答
2

尝试这个：

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

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

演示

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

于 2017-08-10T20:32:49.680 回答