富文本wangEditor插件层级问题

最新推荐文章于 2022-07-26 23:21:47 发布
最新推荐文章于 2022-07-26 23:21:47 发布
阅读量2k 收藏 3
点赞数
分类专栏： 前端常见BUG汇总 文章标签： wangEditor层级 jedate层级
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45550048/article/details/103509242
版权

关于wangEditor层级过高的问题

前两天做了一个后台系统的项目，这个网站是个新闻类的网站，后台主要就是做一些文章的发表和管理。长这样：后台主页

写文章发表页面的时候我用到了 wangEditor 和 jedate 两个插件，所有的都设为默认值。
检查页面时发觉出现了一些BUG：
在这里插入图片描述
红色框是jedate插件的默认弹出层；
绿色框是wangEditor插件的工具栏弹出层；
蓝色小框是文章内容；

发现问题：jedate的层级被影响了，它处在了最底层！
分析：通过检查发现wang
最低0.47元/天 解锁文章
桶面
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
wangeditor富文本层级显示问题
张_优秀的博客
10-08 427
.w-e-menu { z-index: 2!important; } .w-e-text-container { z-index: 1!important; } .w-e-toolbar { z-index: 2!important; }
vue引入wangEditor层级太高问题修复
Fiona_lms的博客
03-22 273
.w-e-toolbar { z-index: 2 !important; } .w-e-menu { z-index: 2 !important; } .w-e-text-container { z-index: 1 !important; }
富文本WangEditor层级太高覆盖顶层
Lesterbor的博客
07-28 661
今天是2021年7月28日 写网页用到了WangEditor这个编辑器，就在提交完事弹出提示框的时候，画面开始不对劲了如下图。编辑器的工具栏显示在了弹窗上部 看了一下原网页才发现了问题 编辑器的z-index整到了10000····· 后来百度百度出来的是添加以下这段css代码 .w-e-menu{ z-index: 2 !important; } .w-e-text-container{ z-index: 1 !important; } 但是我加上之后还是不好使，最后去扒了编辑器插件的js文
设置ue富文本编辑器的层级
岁末zzz的博客
07-25 846
UE.getEditor(‘UE’).container.style.zIndex = 9999; ​
富文本wangeditor层级太高覆盖问题？工具栏换行后遮挡？
qq_45668489的博客
06-30 2960
1. 富文本wangeditor层级太高覆盖问题 解决办法如下：在css里加上如下样式即可，注：如果使用vue，则不要写在scoped内，否则无效 .w-e-menu { z-index: 2 !important; } .w-e-text-container { z-index: 1 !important; } 2. 富文本wangeditor工具栏换行后遮挡 html代码结构 <template> <div id="wangeditor">
微信图表层级问题.rar
05-08
下载在hbuilderx里面运行，把小程序id替换成你的小程序id就可以真机运行看看了，这个主要是把canvas转换成图片，这样子就解决了
QHierarchy 4.3 Unity 层级编辑器强化插件
02-02
QHierarchy 4.3，Unity 层级编辑器强化插件，对Unity Hierarchy视图的加强插件，可以显示很多有用信息，帮助对场景的编辑和游戏对象的识别
解决layui的table插件无法多层级获取json数据的问题
01-21
对于layui的table插件无法多层级获取json数据的解决方法,版本：2.2.6 根据官方文档 你接口返回的数据格式，遵循 response 对应的字段名称。 默认的格式为如下： { code: 0,//数据状态的字段名称，默认：code msg: ...
微信小程序富文本解析
01-27
wxParse —— 微信小程序富文本解析原因由于原作者仓库 不再维护，我们项目中商品信息展示又是以wxParse这个用做富文本解析的；于是乎，决定采用 递归Component 的方式对其进行重构一番；原项目使用的 template 模板...
富文本wangeditor层级太高覆盖问题(已解决)
小柠檬爱编程
04-27 4830
因为wangEditor设置的层级z-index很高，会覆盖掉和他重合的区域 会出现日期根本选不中的情况，解决办法如下：在css里加上如下样式即可，注：如果使用vue，则不要写在scoped内，否则无效 .w-e-menu { z-index: 2 !important; } .w-e-text-container { z-index: 1 !important; ...
vue中wangeditor的层级过高处理方式
_web_Z的博客
12-29 794
/* 用于解决wangeditor的层级过高 .w-e-toolbar 要比 .w-e-text-container 的 z-index大 否则工具栏不会展示了 */ .w-e-text-container { z-index: 1 !important; } .w-e-menu { z-index: 2 !important; } .w-e-toolbar{ z-index: 2 !important; } ...
关于wangEditor的覆盖问题
反手一个bug的博客
11-18 4317
因为wangEditor设置的z-index很大，所以会覆盖掉和他重合的区域，加入下面代码就行 .w-e-menu{ z-index: 2 !important; } .w-e-text-container{ z-index: 1 !important; }
vue中使用wangEditor以及设置菜单栏
H-rosy的博客
07-26 6596
如果你想要改变设置栏，你就可以拿到这个对象this.editor.config，对象里面的menus属性就是对应设置栏，你可以this.editor.config.menus=['key','head','link','italic','underline']大概就是说我的加载器不能够解析最新的包里面的原码，然后我找了挺久的解决方式，最后当然是没有解决。原本里面是有24个功能的，但是有些用不到，你就可以根据自己的需求该=改。设置设置栏只有这5个功能。最后我还是安装了老版本的。...
关于ueditor图标插件显示的层级解决方案
RichardDragon的博客
09-03 2159
以下是本人在使用ueditor编辑器过程中遇到的一个比较好玩的问题之一， 点击工具条中的按钮后，显示的弹框在整个编辑器的下方，被编辑器本身遮盖了。 查找网上多种解决方案， 最好的解决例子是将config.js中的zIndex 调整为默认的900,然而此种方案于我而言，没有作用。 于是查找了一些关于z-index的一些 信息，具体情形请参考：http://www.w3school....
wangEditor富文本编辑器覆盖bootstrap弹出框
蛋叔
07-29 1481
如题，我们通过审查元素可以看到编辑器上的编辑器图标的z-index值为10001。 必须要把弹出框的z-index值设置为高于10001。 最后要注意的是，z-index必须在定位元素上生效，如果没有请添加position ...
在 wangEditor 研发团队我都干了些什么 ？？？
qq_39235055的博客
01-22 774
???? "努力做一个积极向上乐观开朗的人" ????wangEditor官网首页 2020已过-2021已来，是时候回顾下这一年的成长，看看自己又成长了多少。再立一下 2021 年的 flag，然后2022年回头再回顾一下2021，哈哈哈。 一晃眼功夫2021了~~ 估计还好多小伙伴也和我一样，仿佛昨天还在老家过年，转眼又过一年了，又到了一年一度交成绩单的时候了（流下了菜鸡的眼泪~~）。 不过回顾这一年的工作，自己的确也收获了许多，我在思想上、学习上、工作上都取得了很大的进步，成长了不少，但
wangeditor富文本编辑器的一些坑
热门推荐
helixsky的博客
04-04 1万+
看到CSDN都在用wangeditor而且用起来的确简单，可是图片上传还是一直搞不定。 1.返回格式问题 官方要求返回json格式，先定义字典赋值，然后采用json.dumps(result,ensure_ascii=False)进行后端返回： { "errno": 0, "data": [ "图片1地址", "图片2地址", ...
引入wangEditor时工具栏部分无效问题
gz-郭小敏的博客
10-16 7100
为自己项目引入vue后，原来没有任何问题的wangEditor组件的工具栏突然不能用了。 然后发现用这篇博客中的方法可以解决：引入wangEditor或ueditor时工具栏部分无效问题 //初始化编辑器 function _initEditor() { let E = window.wangEditor; let domName = "#input-area__textarea...
vue3 富文本目录树
最新发布
12-27
1. 首先，你需要安装并引入一个适用于Vue3的富文本编辑器插件，例如tinymce或quill。 2. 在Vue组件中，使用该富文本编辑器插件，并将其绑定到一个数据属性上，例如`content`。 3. 在组件中，创建一个用于存储目录...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值