发布于summernote v0.6.16，当我点击链接或图片功能时，模态在另一个模态中打开

Question

请看下面的图片，你会看到我在说什么。

当我点击Summernote BoosTrap Editor（v0.6.16）的链接或图片功能时，Modal出现在另一个Modal中，这很奇怪。我不知道我是否有一些CSS覆盖了另一个或者它的SummerNote的BUG。

Summernote网址：http://summernote.org/#/

感谢。

Answer 1

我发现了这个问题。在我看来，它是SummerNote和bootstrap-modal插件之间的不兼容。

在SummerNote中，我找到了以下代码：

 var tplDialog = function (className, title, body, footer) {
  return '<div class="' + className + ' modal" aria-hidden="false">' +
           '<div class="modal-dialog">' +
             '<div class="modal-content">' +
               (title ?
               '<div class="modal-header">' +
                 '<button type="button" class="close" aria-hidden="true" tabindex="-1">&times;</button>' +
                 '<h4 class="modal-title">' + title + '</h4>' +
               '</div>' : ''
               ) +
               '<div class="modal-body">' + body + '</div>' +
               (footer ?
               '<div class="modal-footer">' + footer + '</div>' : ''
               ) +
             '</div>' +
           '</div>' +
         '</div>';
};

这是什么意思，当我点击SummerNote上的链接或图片功能时，他调用.modal()并且这个函数的默认行为，在Bootstrap-modal插件上，创建一个新的div，其中class =＆ ＃34;模态-对话框＆＃34 ;.如果我删除了这个类=＆＃34;模态对话框＆＃34;再试一次，一切正常！

Answer 2

我认为您只需要启用此选项

  

dialogsInBody：true

$('.summernote').summernote({
    height: 300,
    dialogsInBody: true
});