Question

Summernote为

等自定义工具栏提供选项

$('#summernote').summernote({
  toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']]
  ]
});

＆安培;比设置h1，h2等

$(".summernote").summernote({
    styleTags: ['h1', 'h2']
});

但是如何在单一方法中使用这两种方法？

$('#summernote').summernote({
  styleTags: ['h1', 'h2'],
  toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']]
  ]
});

我尝试了多种变体，但没有工作

Answer 1

您应在“ btns”组中添加“样式”按钮。

请尝试以下代码。

$('#summernote').summernote({
    toolbar: [
         ['style', ['bold', 'italic', 'underline']],
         ['para', ['ul', 'ol', 'paragraph', 'style']],
    ],
    styleTags: ['p', 'h4'],
});

summernote styleTags以及工具栏

1 个答案: