SummerNote Note-Popover появляется в левом верхнем углу при нажатии кнопки, чтобы добавить редактор

Question

У меня проблема с Summernote.

У меня есть добавление всплывающего окна с заметками, которое появляется в левом верхнем углу при нажатии кнопки, чтобы добавить редактор. вот скриншот

Кто-нибудь еще имеет эту проблему?

вот скриншот дерева DOM

У меня есть последняя версия 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>

Просмотр вопроса о Gitlab

Answer 2

Хорошо, я нашел решение, если это кому-нибудь поможет.

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