带有Summernote的自定义工具栏
带有Summernote的自定义工具栏
提问于 2015-03-02 22:57:51
如何知道summernote的工具栏可以启用哪些功能，以及如何启用？
在API文档中，我能找到的只有“工具栏:数组(可选)”，没有更多的解释。
多亏了其中一个例子，我已经设法启用了一些功能，但是我如何才能同时启用:代码、缩进和凸出？
$(".summernote").summernote({
styleWithSpan: false,
toolbar: [
['style', ['bold', 'italic', 'underline', 'clear']],
['color', ['color']],
['para', ['ul', 'ol']]
]
});回答 2
Stack Overflow用户
回答已采纳
发布于 2015-03-04 06:36:40
在settings.js中，您有基本设置(所有功能都打开)：
toolbar: [
['style', ['style']],
['font', ['bold', 'italic', 'underline', 'clear']],
['fontname', ['fontname']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['table', ['table']],
['insert', ['link', 'picture', 'hr']],
['view', ['fullscreen', 'codeview']],
['help', ['help']]
],缩进在段落‘’中
Stack Overflow用户
发布于 2015-05-20 19:37:06
段落包括缩进和outdent，codeview就像它建议的那样做codeview<代码>E29。
$('.summernote').summernote({
toolbar: [
//[groupname, [button list]]
['style', ['bold', 'italic', 'underline', 'clear']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['view', ['codeview']],
]
});如果你在主要的Summernote网站上查看，而不是API文档，你会看到一个清晰的例子，解释了如何自定义工具栏。它在Deep Dive页面上，向下滚动到Custom Toolbar。它还列出了可用的工具栏按钮。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28812825
复制相关文章
相似问题
腾讯云开发者
