WangEditor编辑器层级太高覆盖顶层

发布时间 2024-01-05 10:46:22作者: 千樊

今天是2021年7月28日
写网页用到了WangEditor这个编辑器,就在提交完事弹出提示框的时候,画面开始不对劲了如下图。编辑器的工具栏显示在了弹窗上部

看了一下原网页才发现了问题

 

编辑器的z-index整到了10000·····
后来百度百度出来的是添加以下这段css代码

.w-e-menu{
    z-index: 2 !important;
}
.w-e-text-container{
    z-index: 1 !important;
}

但是我加上之后还是不好使,最后去扒了编辑器插件的js文件发现了这段代码

 哎,这个好像可以用js处理呀,然后仿照官方配置的其他语句仿写了一句代码,哎,他就好使了,哈哈哈就是玩

然后前端显示也正常了