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

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

小木2年前 (2023-06-07)前端24050

问题一: 在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弹窗被遮挡的解决办法” 的相关文章

使用js给网页添加提示音或播放音效

使用js给网页添加提示音或播放音效

有些时候需要给用户一个提示音,用来做站内信提醒,或者交互提醒之类的功能这时就可以使用js向页面插入音效播放 👇 // 在需要执行提示音的地方添加下列代码 let mp3 = new Audio('./error.mp3') mp3.loop = false mp3.play()...