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

Question

我对 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
        }
      });

Answer 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
        }
      });

Answer 2

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

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

View Issue on Gitlab

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

summernote note-popover appearing in top left on clicking button to add editor

html

javascript

editor

popup

summernote