在模态框(Modal)中使用UEditor全屏显示的一个坑

Posted 夜尽

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在模态框(Modal)中使用UEditor全屏显示的一个坑相关的知识,希望对你有一定的参考价值。

  根据这个问题很简单就能查到一些文章明确说明了解决问题的方法,就是如下一段代码:

var isModal = false;
//判断该dom是否为modal
var classes = $(container).attr(‘class‘);
if (classes !== undefined) {
    classes = classes.split(‘ ‘);
    for (var i = 0; i < classes.length; i++) {
        if (classes[i] == "modal") {
            isModal = true;
        }
    }
}
//如果是modal,则不设置position为static
if (!isModal) {
    container.style.position = "static";
}

  并且还附上了GitHub上的解决链接,但是!由于时间久远,GitHub好像经过一些迁移,帖子是失效的,而把这段代码简单地粘贴进文件里也无法解决问题,所以我又继续去找,找到了GitHub上的这个Issue

https://github.com/Wizzercn/NodeWk/commit/e11ace39ce025337533dbfcaf8e5e90bd72c12cd#diff-0e410f95dc74347de57d2e19a1a43c61

  里面的解决代码是相同的,但是位置却不同,上面的代码是多个部分的,之前的人转帖时是放在一起的,至少对于现在的版本而言,已经无法生效了。

  具体解决方法去看GitHub就可以了,因为修改的地方都有用不同颜色详细标记,还分了普通和压缩版本。

以上是关于在模态框(Modal)中使用UEditor全屏显示的一个坑的主要内容,如果未能解决你的问题,请参考以下文章

ueditor全屏和el-dialog模态框有冲突的解决方法(其他框架请比葫芦画瓢)

Bootstrap 显示多个模态框(modal)

python测试开发django-187.Bootstrap模态框(modal)如何在关闭时触发事件

bootstrap模态框没有显示出来,这是怎么了

python测试开发django-123.bootstrap模态框(modal)垂直居中显示

React Native Modal Selector中的全屏显示