Kendo ui 如何设置KendoEditor'；什么是前景色工具？

我想将剑道编辑器的前景色工具的默认颜色设置为“黑色”。默认情况下，颜色始终为“白色”。

请尝试以下操作：

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

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

“foreColor”工具实际上是一个编辑器，因此您可以在创建编辑器后立即设置它。

尝试以下操作：

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

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

---

foreColor工具实际上是一个很好的工具，因此您可以在编辑器创建后立即设置它。

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

---

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

---

---

您能使用样式表属性吗：？我不知道如何使用样式表属性来设置默认值。此处演示：。你可以试着在body标签上设置css颜色属性。我想你把我的问题搞错了。我不想设置body标签的前景色。我想在剑道编辑器的工具栏中设置foreColor工具的默认值。我现在明白了，请参见下面的答案。您可以使用样式表属性吗：？我不确定如何使用样式表属性设置默认值。演示如下：。你可以试着在body标签上设置css颜色属性。我想你把我的问题搞错了。我不想设置body标签的前景色。我想在剑道编辑器的工具栏中设置前景色工具的默认值。我现在明白了，请看下面的答案。尼斯+1。我对你的进行了扩展，以保存并重新加载当前选择的颜色，从而在打开调色板弹出窗口时不会丢失。如果你打开它，没有选择，你就失去了你设置的黑色…谢谢你的回复！您的解决方案有效，但如果单击箭头打开颜色选择器，颜色将恢复为白色。有什么解决办法吗？@ezanker我意识到了这一点，但我没有进一步去解决它，我不确定这是否是个问题。我想你可以选择其中一种功能。如果用户打开调色板，然后什么也不选择，我不希望用户丢失默认颜色。但这当然取决于OP的要求…@ezanker这完全有道理！！不错+1。我对你的进行了扩展，以保存并重新加载当前选择的颜色，从而在打开调色板弹出窗口时不会丢失。如果你打开它，没有选择，你就失去了你设置的黑色…谢谢你的回复！您的解决方案有效，但如果单击箭头打开颜色选择器，颜色将恢复为白色。有什么解决办法吗？@ezanker我意识到了这一点，但我没有进一步去解决它，我不确定这是否是个问题。我想你可以选择其中一种功能。如果用户打开调色板，然后什么也不选择，我不希望用户丢失默认颜色。但这当然取决于OP的要求…@ezanker这完全有道理！！