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

Posted yiliangmi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ueditor全屏和el-dialog模态框有冲突的解决方法(其他框架请比葫芦画瓢)相关的知识,希望对你有一定的参考价值。

冲突引起的原因ueditor全屏时会把父节点的position全部改为static,模态框样式也全部改变

解决方法修改ueditor.all.min.js或者ueditor.all.js(根据项目引用情况),当父节点为el-dialog时,不修改position

找到

if (fullscrenn){

}

大约在29423行,把代码

container.style.position = "static"

改为:

var isModal = false;
//判断该dom是否为el-dialog
var classes = container.className;
if (classes !== undefined) {
    if (classes === "el-dialog_wrapper") {
        isModal = true;
    }
}

//如果是el-dialog,则不设置position为static
if (!isModal) {
container.style.position = "static";
}    

ok,大功告成~

 

-------------------------------------------------------------------------------------------------


QQ群:871934478


版权所有,转载请注明源地址                          


-------------------------------------------------------------------------------------------------

以上是关于ueditor全屏和el-dialog模态框有冲突的解决方法(其他框架请比葫芦画瓢)的主要内容,如果未能解决你的问题,请参考以下文章

非全屏和全屏 UIViewController 之间的漂亮幻灯片过渡

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

elementUI(el-dialog)小记

el-dialog 全屏 el-dialog__body高度不够问题

el-dialog模态窗点击空白不消失

完美的el-dialog的拖拽,双击头部全屏,拉宽,拉高等功能的指令