将棱镜添加到 summernote

Question

有什么方法可以在 summernote 编辑器中为 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']]
      ]
  });
});

有什么想法吗？

Answer 1

已解决

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

截图

editor

view

打包链接

NPM

GitHub

希望对其他人也有帮助。

将棱镜添加到 summernote

Add prism to summernote

javascript

summernote

已解决

截图

打包链接