如何設置KendoEditor的foreColor工具的默認選定顏色？

Question

我想將Kendo編輯器的foreColor工具的默認顏色設置爲「黑色」。默認情況下，顏色始終爲「白色」。

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

的前景色工具事實上是ColorPicker這樣你就可以將其設置爲一旦創建編輯value。