在el-dialog中使用tinymce 点击工具栏下拉框被遮挡

在el-dialog中使用tinymce控件时,会出现点击工具栏下拉框出现在弹窗下一层,审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的,所以需要增加tinymce的下拉框的z-index值。

通过审查元素得到,需要修改tox-tinymce-aux元素的优先级:

css 复制代码
<style lang="scss">
/* 在el-dialog中使用tinymce  z-index被遮挡 */
.tox-tinymce-aux {
  z-index: 9999 !important;
}
</style>

这样就可以了:

相关推荐
RoyLin11 分钟前
SurrealDB - 统一数据基础设施
前端·后端·typescript
longlongago~~12 分钟前
富文本编辑器Tinymce的使用、行内富文本编辑器工具栏自定义class、katex渲染数学公式
前端·javascript·vue.js
2501_9159214315 分钟前
前端用什么开发工具?常用前端开发工具推荐与不同阶段的选择指南
android·前端·ios·小程序·uni-app·iphone·webview
aixfe18 分钟前
BiomeJS 2.0 忽略目录配置方法
前端
Mintopia21 分钟前
Cesium-kit 又发新玩意儿了:CameraControl 相机控制组件全解析
前端·three.js·cesium
ssshooter21 分钟前
shader更换后,数据需要重新加载吗?
前端
拾缘23 分钟前
[elpis] 前端工程化:webpack 配置
前端·webpack
llq_35024 分钟前
用 Nginx 搭建前端本地预览环境
前端
Mintopia36 分钟前
如何用 TypeScript 折腾出全排列之你不知道的 :“分布式条件类型”、“递归处理”
前端·javascript·typescript
十八朵郁金香42 分钟前
深入理解 SSE:服务器发送事件及其在前后端中的实践
前端·javascript