Пользовательская панель инструментов с Summernote

Как узнать, какие функции можно включить для панели инструментов summernote и как это сделать?

В документах API все, что я могу найти, это "панель инструментов: Array (необязательно)" без дополнительных объяснений.

Мне удалось включить некоторые функции благодаря одному из примеров, но как я могу включить: код, отступ и outdent?

$(".summernote").summernote({
        styleWithSpan: false,
        toolbar: [
  		    ['style', ['bold', 'italic', 'underline', 'clear']],
  		    ['color', ['color']],
  		    ['para', ['ul', 'ol']]
                ]
        });

Ответы

Ответ 1

в settings.js У вас есть базовая настройка (со всеми включенными функциями):

toolbar: [
    ['style', ['style']],
    ['font', ['bold', 'italic', 'underline', 'clear']],
    ['fontname', ['fontname']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['table', ['table']],
    ['insert', ['link', 'picture', 'hr']],
    ['view', ['fullscreen', 'codeview']],
    ['help', ['help']]
  ],

отступ находится в 'paragraph'

Ответ 2

абзац включает отступ и outdent, codeview, как он предлагает, codeview.

$('.summernote').summernote({
    toolbar: [
        //[groupname, [button list]]

        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['view', ['codeview']],
    ]
});

Если вы посмотрите на основной сайт Summernote, а не на документы API, вы увидите ясный пример, объясняющий, как настроить панель инструментов. Он находится на странице Deep Dive и прокручивается до пользовательской панели инструментов. В нем также перечислены доступные кнопки панели инструментов.

http://summernote.org/#/deep-dive#custom-toolbar