【问题标题】：Add prism to summernote将棱镜添加到summernote
【发布时间】：2020-05-21 05:07:31
【问题描述】：

有没有办法在summernote编辑器中为prism添加一个按钮？

我的视图中包含 prism css 和 js 文件，但我不知道如何在编辑器中为其添加按钮：

$(document).ready(function() {
  $('.summernote').summernote({
      minHeight: 200,
      toolbar: [
         ['style', ['style', 'bold', 'italic', 'underline', 'clear']],
         ['font', ['strikethrough', 'superscript', 'subscript']],
         ['fontsize', ['fontsize', 'fontname', 'fontsizeunit', 'height']],
         ['color', ['color']],
         ['para', ['ul', 'ol', 'paragraph']],
         ['table', ['table']],
         ['insert', ['link', 'emoji', 'picture', 'video']],
         ['view', ['fullscreen', 'codeview', 'help']]
      ]
  });
});

有什么想法吗？

【问题讨论】：

你已经尝试过什么 - 我在 prettify 上做了同样的事情，所以我想用 prism 是可能的。
我什么都没试过，在网上找不到任何关于prism和summernote的文章：/

通过美化，我得到了编辑器的 .innerHTML，然后将内容放入

，之后就很容易了。我做了一个开关（复选框）在代码和编辑器之间切换。在源代码模式下，我隐藏了所有按钮，如粗体等。但是这个项目不属于我，所以我不能分享它。编辑：您可能找不到任何官方教程如何做到这一点。

标签： javascript summernote

【解决方案1】：

已解决

我通过为 Summernote 创建一个插件以及供其他人使用的包来解决我的问题

截图

editor

view

包链接

NPM

GitHub

希望它也能帮助其他人。

【讨论】：