向Summernote添加自定义颜色

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)等。