有没有办法限制 Summernote 中可用的段落样式？

Question

我在基本 CMS 中使用 summernote 进行编辑。这是我正在使用的代码：

$(document).ready(function() {

        $("#summernote").summernote({
            height: 600,
                styleWithSpan: false,
                toolbar: [
                    ['style', ['bold', 'italic', 'underline']],
                    ['para', ['ul', 'ol', 'paragraph','style']],
                    ['view', ['codeview']],
                    ['insert', ['mypicture','link','table','hr']]
                        ],
                        buttons: {
                            mypicture: PictureButton
                          },
                          disableDragAndDrop: true
                });

                $('#save').click(function(){
                    var mysave = $('#summernote').summernote('code');
                    $('#content').val(mysave);
                });
    });

在工具栏中，我使用 ['para',['style']] 允许用户选择 heading/paragraph 样式，例如 H1 和 P.
有什么方法可以限制下拉列表只允许他们使用 H1、H2 和 P ？

Answer 1

您可以通过这种方式更改代码轻松实现它

$(document).ready(function() {

        $("#summernote").summernote({
            height: 600,
                styleWithSpan: false,
                toolbar: [
                      ['style', ['bold', 'italic', 'underline']],
                      ['para', ['ul', 'ol', 'paragraph','style']],
                    ['view', ['codeview']],
                    ['insert', ['mypicture','link','table','hr']]
                ],
                styleTags: ['p', 'h1', 'h2'],
                buttons: {
                    mypicture: PictureButton
                },
                disableDragAndDrop: true

                });

                $('#save').click(function(){
                    var mysave = $('#summernote').summernote('code');
                    $('#content').val(mysave);
                });
    });

相关行是 styleTags: ['p', 'h1', 'h2'].

有没有办法限制 Summernote 中可用的段落样式？

Is There a Way To Limit The Available Paragraph Styles in Summernote?

javascript

summernote