1.首先是问题,如下图
在vue element中使用tinymce富文本编辑器,tinymce在dialog对话框中层级太低的问题
富文本嵌套在element UI的Dialog 对话框中会出现如上图情况,红框内的功能都无法使用。
解决办法
第一种,是将tinymce5导入到本地,然后在tinymce\skins\ui\oxide下面的skin.min.css文件,将里面的z-index统一后面加几个零(未试过,应该可行),不过有个问题就是不能使用cdn了。
第二种方法(正在使用)
首先找到组件的vue文件,然后重写element UI的Dialog 对话框CSS即可,简单粗暴。
结果如下
如果大家有更好的方法,欢迎评论区留言