ruby-on-rails summernote样式标签沿着工具栏

iyfjxgzm 于 2023-02-20 发布在 Ruby

关注(0)|答案(2)|浏览(129)

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

我已经尝试了多个变化，但没有工作

ruby-on-rails

来源：https://stackoverflow.com/questions/49050270/summernote-styletags-along-with-toolbar

2条答案

按热度按时间

von4xj4u1#

你应该在你的btns组中添加"样式"按钮。
请尝试以下代码。

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

赞(0）回复(0）举报 2023-02-20

rslzwgfq2#

toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph', 'style']],
                ['height', ['height']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'hr']],
                ['view', ['fullscreen', 'codeview']],
                ['help', ['help']]
            ],
            styleTags: ['p','pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],

赞(0）回复(0）举报 2023-02-20

我来回答

ruby-on-rails summernote样式标签沿着工具栏

2条答案

相关问题

热门标签

最新问答