javascript - 单击按钮添加编辑器时，summernote 注释弹出窗口出现在左上角

Question

我在使用 Summernote 时遇到问题。

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

还有人遇到这个问题吗？

here is a screenshot of the DOM tree

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

 $(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

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