summernote note-popover出现在单击按钮的左上方以添加编辑器

时间:2018-11-10 11:16:20

标签: javascript html popup editor summernote

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

2 个答案:

答案 0 :(得分:0)

好的,如果有帮助,我找到了解决方法。

     $(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
        }
      });

答案 1 :(得分:0)

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