summernote note-popover 出现在左上角单击按钮添加编辑器答案

【问题标题】：summernote note-popover appearing in top left on clicking button to add editorsummernote note-popover 出现在左上角单击按钮添加编辑器
【发布时间】：2019-04-13 18:30:43
【问题描述】：

我对 Summernote 有疑问。

点击按钮添加编辑器时，我添加了出现在左上角的注释弹出框。 here is a screenshot

其他人有这个问题吗？

here is a screenshot of the DOM tree

我从他们的网站 [0.8.9] 获得了最新版本的 summernote

 $(discription_list).summernote({
        // width: editorWidth,
        toolbar: [
          ['font-style', ['bold', 'italic', 'underline', 'strikethrough', 'clear']],
          ['para', ['ul', 'ol']],
          ['misc', ['undo', 'redo']],
          ['savebutton', ['save']],
          ['cancelbutton', ['cancel']],
        ],
        buttons: {
          save: SaveButton,
          cancel: CancelButton
        }
      });

【问题讨论】：

标签： javascript html popup editor summernote

【解决方案1】：

好的，我找到了解决方案，如果这对某人有帮助的话。

     $(discription_list).summernote({
        // width: editorWidth,
        popover: {
          image: [],
          link: [],
          air: []
        },
        toolbar: [
          ['font-style', ['bold', 'italic', 'underline', 'strikethrough', 'clear']],
          ['para', ['ul', 'ol']],
          ['misc', ['undo', 'redo']],
          ['savebutton', ['save']],
          ['cancelbutton', ['cancel']],
        ],
        buttons: {
          save: SaveButton,
          cancel: CancelButton
        }
      });

【讨论】：

【解决方案2】：

在解压summernote文件后使用summernote-bs4.css和summernote-bs4.js来显示，似乎summernote和bootstrap 4之间存在冲突导致显示该错误。这将在左上角显示没有弹出窗口

    <link href="summernote/summernote-bs4.css" rel="stylesheet" type="text/css">
   <script src="summernote/summernote-bs4.js"></script>

View Issue on Gitlab

【讨论】：