关于wangEditor的覆盖问题 以及修改默认高度

news/2024/7/10 1:45:19 标签: vue

用富文本编辑器的的时候,发现弹框被富文本编辑器覆盖了
在这里插入图片描述

经过查看控制台发现

wangEditor设置的z-index很大,为1000,所以会覆盖掉和他重合的区域,加入下面代码就行

<style lang="less">
//修改默认高度
.w-e-text-container {
  height: 420px !important;
}
//修改层级
.w-e-menu {
  z-index: 2 !important;
}
.w-e-toolbar {
  z-index: 1 !important;
}
.w-e-text-container {
  z-index: 1 !important;
}
</style>

效果
在这里插入图片描述


http://www.niftyadmin.cn/n/874751.html

相关文章

引入antd组件样式_antd组件样式局部加载,用react-app-rewired插件应该怎么配置?...

package.json配置&#xff1a;{"name": "hawerblog","version": "0.1.0","private": true,"dependencies": {"antd": "^3.15.0","babel-plugin-import": "^1.11.0",&quo…

Vue+elementUi的日期选择器 ,选择范围的限制不能大于或者小于当前时间

直接上干货&#xff01; <el-form-item label"失效时间:" prop"failure"><el-date-picker v-model"ruleForm.failure" type"date" value-format"yyyy-MM-dd" placeholder"选择日期" :picker-options&quo…

shell export path_Shell脚本提高你的效率之变量篇

头条号&#xff1a;浩渺烟波Shell是一个命令行解释器&#xff0c;它为用户提供了一个向Linux内核发送请求以便运行程序的界面系统级程序&#xff0c;用户可以用shell来启动&#xff0c;挂起停止甚至编写一些程序。Shell 处在内核与外层应用程序之间&#xff0c;起着协调用户与系…

js 获取某一年份到当前年份的所有年份

最近碰到个关于年份的下拉框 后端只返回从哪一年开始&#xff0c;然后我们要回去当前年&#xff0c;以及这之间的几年 下面直接上代码&#xff0c;不懂请留言。 //获取到从那一年开始this.smallYears res.msg//获取当前时间var date new Date;this.nowYears date.getFullYe…

绵阳python培训_绵怎么组词

以此开头的词绵绵 绵羊 绵延 绵软 绵阳市 绵长 绵密 绵亘 绵绵不绝 绵力薄材 绵里藏针 绵延不断 绵薄 绵连 绵里薄材 绵蕞 绵子 绵缀 绵纸 绵远 绵羽 绵宇 绵衣 绵野 绵药 绵言细语 绵延起伏 绵延不绝 绵旋 绵絮 绵微 绵望 绵天 绵糖 绵叹 绵视 绵上 绵山 绵弱 绵绒 绵区 绵邈 …

解决element-ui的el-select组件文字超过宽度时不出现横向滚动条问题

目前遇到一个问题&#xff0c;在用el-select组件的时候&#xff0c;当选项的内容很长的时候&#xff0c;会撑开下拉菜单的宽度&#xff0c;过长导致满屏展示不下&#xff0c;这样影响美观。具体如下图所示&#xff1a; 具体如何解决呢 可以设置下拉菜单的最大宽度&#xff0c;…

js去除数组中重复对象

近期遇到一个项目&#xff0c;后台反的数据有重复&#xff0c;需要去重&#xff0c;去重的办法很多&#xff0c;这里用到了reduce去除数组中的重复数据&#xff0c;亲测可用 首先给大家看下我的数据格式 var list [{"id":"1","score":"基…

vue-element-admin关闭当前标签页

// 调用全局挂载的方法&#xff0c;关闭当前页this.$store.dispatch("tagsView/delView", this.$route);// 关闭之后跳转你要跳转的路由this.$router.push({ path: /bidderDeclaration })// 也可以 返回上一步路由this.$router.go(-1)