Добавление пользовательских цветов в Summernote - PullRequest
Новая
       8

Добавление пользовательских цветов в Summernote

0 голосов
/ 13 сентября 2018

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

но ни один из этих параметров не работает - есть идеи, как добавить дополнительные цвета?

Спасибо

1 Ответ

0 голосов
/ 14 сентября 2018

Как отмечено в комментарии Тингхама , массив цветов находится в дополнительном свойстве в объекте опций 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) и т. Д.

...