Ueditor uParse的Bug,因为生成全局CSS: li,导致影响全局样式, 造成网页其它部分显示混乱解决方案

技术知识
0 2416
小师傅 小师傅2020-07-21
积分:2397

Ueditor uParse功能关于CSS li的Bug,解决方法


百度UEditor是一款不错的在线富文本编辑插件,这里不做过多介绍,详情移步UEditor官网:http://ueditor.baidu.com/

Bug: Ueditor uParse功能,生成了全局CSS: li,影响全局样式, 造成网页其它部分显示混乱.

版本:UEditor 1.4.3


分析如下:

Ueditor uParse功能Bug,生成了全局CSS:li,影响全局样式,造成网页其它部分显示混乱,如下图示:

问题所在


解决方法如下:

找到uParse生成的这段CSS的源代码,然后把li的样式修改为加选择器的局部样式。直接修改ueditor.parse.js或者ueditor.parse.min.js方式如下:

1、ueditor.parse.js文件:查找【li{clear:both;}】,替换为【'+selector +' li{clear:both;}】;

2、ueditor.parse.min.js文件:同样查找【li{clear:both;}】,然后替换为【"+c+" li{clear:both;}】即可。

2.jpg


用了以上方法,发现还是没有解决我的问题,因为还是于我的样式有所冲突,于是我把【'+selector +' li{clear:both;}】改成了【'+selector +' >li{clear:both;}】,多加了一个几个符号就行了。

所以在这里要随机应变,根据自己的样式来修改。


更多解决办法:

ueditor引用parse.js后bootstrap页面CSS冲突问题

精选帖子
Android 可可影视 v3.3.6无广告纯净版 3091
Android QQ音乐 v11.3.7 定制版解锁免费听歌无广告版 3672
Android 草图大师SKP v1.5 解锁会员版 9024
Android OmoFun追漫神器 v4.2.1 无广告绿色版 6066
AdobeGenP Adobe全家桶系列激活工具 v3.5.0/3.4.14.1 绿色版 6647
Android 七猫免费听书 v1.4 解锁高级版 5055
超良心的抢票神器——Bypass1.16 4788
Android 玲珑加速器 v6.10.9.40 解锁无限时间 3441
Android 大师兄影视 v3.3.8 去广告会员版 2568
热门帖子
一键激活Win系统和Office办公软件,最强电脑激活KMS HUE工具,免费永久可用,支持win系统使用 58
得间免费小说 v5.5.8.1 免费网文追书APP 54
酷我音乐 v12.1.8.2 无损音乐播放APP 去广告解锁会员版 51
ChatGPT+Codex电脑自动化课:环境搭建×三大核心实战×全场景应用拓展×AI自主操控电脑×零基础上手 51
豆丁视频 v3.3.0 高清影视播放 免费追剧APP 46
蚂蚁视界 v6.7.0 高清影视追剧APP 全品类视频播放软件 45