Question

在Summernote中，有一个向前景和背景添加颜色的选项，但是这些颜色是“固定的”-我试图弄清楚如何通过颜色选择器或什至是向这些选择添加其他自定义颜色。就像可选选项一样。

我的代码当前如下所示：

    $('#sn').summernote({
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic'],
            ['fontname', ['fontname']],
            ['fontsize', ['fontsize']],
            ['color', ['color'],
            ['para', ['ul', 'ol', 'paragraph']]
          ]
    });

我在Github上找到了一条消息，以至于https://github.com/summernote/summernote/issues/269

但是我不知道该怎么办？

我尝试过：

    $('#sn').summernote({
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic'],
            ['fontname', ['fontname']],
            ['fontsize', ['fontsize']],
            ['color', ['color','#ffffff'],
            ['colors', [["#000000", "#ffffff"]]],
            ['para', ['ul', 'ol', 'paragraph']]
          ]
    });

但是这些选项都不起作用-知道如何添加其他颜色吗？

谢谢

Answer 1

正如tingham's comment中所述，colors数组位于summernote选项对象的另一个属性中，即

$('#sn').summernote({
    colors: [
        ['red', 'green', 'blue'], //first line of colors
        ['#c4b540', '#1dd381', '#ba1cd2'] //second line of colors
    ],
    toolbar: [...]
});

colors数组是多维的，每个第2级数组是颜色选择器中的一行。从测试颜色开始，不会自动中断新行，因此您希望将每行限制为8种颜色，以使其看起来像默认行。

您似乎可以对颜色使用任何有效的CSS格式：red，#ff0000，rgb(255, 0, 0)等。

Answer 2

在summernote.js中：

colors: [['#444444','#000000'...],
colorsName: [['CustomColorName','Black'...],

为Summernote添加自定义颜色

2 个答案: