引导模式上的summernote时无法下拉

Posted

技术标签:

【中文标题】引导模式上的summernote时无法下拉【英文标题】:can not dropdown when summernote on the boostrap modal 【发布时间】:2016-11-05 21:00:08 【问题描述】:

我在bootstrap modal上使用summernote。但是当点击工具栏上的下拉项时,下拉菜单没有显示在正确的位置,甚至没有退出下拉DOM。我给你看下图: enter image description here

我在summernote github问题列表和***中搜索了很长时间。我尝试添加“dialogsInBody:true”,但没有工作。任何人都可以帮助我解决这个问题。谢谢!

【问题讨论】:

【参考方案1】:

使用 $('.dropdown-toggle').dropdown();

【讨论】:

你能扩展一下吗?【参考方案2】:

试试这个。在这里工作正常。

callbacks: 
        onInit: function() 
            //when inside a modal, re-link the dropdown
            var thisNote = $(this);

            if(thisNote.closest('.modal').length>0)
                thisNote.next().find('.dropdown-toggle').dropdown();
            

        
    

【讨论】:

以上是关于引导模式上的summernote时无法下拉的主要内容,如果未能解决你的问题,请参考以下文章

提交时无法获取引导下拉列表的值

编辑 Summernote 时会话终止

引导下拉菜单在悬停时无法正常工作

单击外部编辑器时,Angular js Summernote 下拉菜单未关闭

Summernote - 段落按钮未显示用于选择组件的下拉菜单

Summernote 文本编辑器在生成 html 的简单引导页面中不起作用