Summernote 工具栏自定义问题

Posted

技术标签:

【中文标题】Summernote 工具栏自定义问题【英文标题】:Summernote Toolbar customization Issue 【发布时间】:2016-09-16 22:24:26 【问题描述】:

我正在尝试从 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']]
  ]
);

它在控制台(开发人员工具)中给出以下错误并且工具栏消失(由于错误)。

Uncaught TypeError: b[t[1][u]] is not a function

【问题讨论】:

【参考方案1】:

是的,看起来您使用的是其他版本的 Summernote。升级到最新版本,它应该可以工作:(示例)https://jsfiddle.net/ggfk1h3x/

jquery/1.9.1
bootstrap/3.3.6
summernote/0.8.1

【讨论】:

【参考方案2】:

我遇到了同样的问题!我的问题是因为简单的 ' 。 我把它改成了“”

$('#summernote').summernote(
    toolbar: [
      ["style", ["bold", "italic", "underline", "clear"]]
      ["font", ["strikethrough", "superscript", "subscript"]]
      ["fontsize", ["fontsize"]]
      ["color", ["color"]]
      ["para", ["ul", "ol", "paragraph"]]
      ["height", ["height"]]
    ]
);

它就像一个魅力!

【讨论】:

以上是关于Summernote 工具栏自定义问题的主要内容,如果未能解决你的问题,请参考以下文章

Summernote 和自定义“魔术笔”(样式)工具

Summer Note (WYSIWYG) - 图像上传为文件问题

summernote 样式标签和工具栏

Summernote 按钮高度不同

使用 Summer note 编辑存储在数据库中的 HTML + CSS

Summernote - 有序和无序列表的自定义下拉列表