当前位置:首页 > 前端 > 正文内容

vue el-dialog 内的tinymce弹窗被遮挡的解决办法

小木1年前 (2023-06-07)前端21450

问题一: 在el-dialog中使用tinymce富文本时, 点击富文本的功能按钮, tinymce的弹出层的层级过低, 导致被el-dialog盖住了弹窗.

解决: 在F12中找到控制tinymce弹窗层级的样式

直接修改样式没有生效, 加穿透也没生效, 最后发现是因为加了 scope 的问题, 所以另起一个 style 进行样式修改, 代码如下:

<style lang='scss'>
    /* 设置tinymce的弹出层的层级为 9999 */
    .tox-tinymce-aux {
        z-index: 9999 !important;
    }
</style>

扫描二维码推送至手机访问。

版权声明:本文由小木发布,如需转载请注明出处。

本文链接:https://xiaomu.site/post/10.html

分享给朋友:

“vue el-dialog 内的tinymce弹窗被遮挡的解决办法” 的相关文章

Element UI tabs标签页实现鼠标悬浮切换

Element UI tabs标签页实现鼠标悬浮切换

将 Element UI tabs标签页默认的点击切换改成鼠标悬浮就自动点击(实现类似hover切换的效果) 前提: chatgp 跟我说 telement ui 有自带的悬停切换功能, 使用 <el-tabs tab-position="top" tab-hover> 实现, 但是经...