为 Summernote 添加自定义颜色答案

【问题标题】：Adding custom colours to Summernote为 Summernote 添加自定义颜色
【发布时间】：2019-02-17 23:48:35
【问题描述】：

在 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']]
          ]
    });

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

谢谢

【问题讨论】：

标签： jquery summernote

【解决方案1】：

如tingham's comment 中所述，颜色数组位于 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) 等。

【讨论】：

【解决方案2】：

在summernote.js 中：

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

【讨论】：