summernote：如何添加一个 "italic" 按钮，使其显示在粗体和下划线按钮旁边？

Question

我是 summernote 的新手。我希望在粗体和下划线按钮旁边添加一个"italic"按钮，因为它是一个很常见的编辑操作。我找不到如何操作的示例。

感谢您的帮助！

Answer 1

我认为这是默认设置。但您当然可以自定义您自己的工具栏。

$('.summernote').summernote({
  toolbar: [
    //[groupname, [button list]]
    ['style', ['bold', 'italic', 'underline', 'clear']]
]
});

您可以阅读有关自定义工具栏的更多信息here。

Answer 2

设计:

如前所述here您可以通过传入自定义结构来配置 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']]
  ]
});

注意：覆盖工具栏结构时，您需要传递整个工具栏，不能只覆盖单个组（例如，仅使用 ['style', ['bold', 'italic', 'underline', 'clear']] 初始化数组），因为它会删除所有其他操作

快n脏:

在 summernote.js

['bold', 'underline' ....

在它们之间添加'italic'

注意：更新后它会消失。当然，最好复制整个工具栏设置并复制到您的初始化选项中，添加您认为合适的任何内容。但从技术上讲，它就在那里并且会起作用。我的版本中的第 9789 行。（不要相信行号，查找字符串。）

summernote：如何添加一个 "italic" 按钮，使其显示在粗体和下划线按钮旁边？

summernote: how to add a "italic" button show it stay next to the bold and underline buttons?

wysiwyg

summernote