百度Ueditor uParse功能Bug，生成全局CSS: li，影响全局样式, 造成网页其它部分显示混乱解决方案

最新推荐文章于 2024-04-24 09:11:39 发布
最新推荐文章于 2024-04-24 09:11:39 发布
阅读量5.3k 收藏 2
点赞数 3
分类专栏： Web 建站 文章标签： UEditor 百度 富文本编辑器 Ueditor Parse Bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spokenInChina/article/details/47012477
版权

 

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.mi

最低0.47元/天 解锁文章
其实我是一演员
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
11-25
UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器，具有轻量，可定制，注重用户体验等特点，基于MIT协议，功能很强大。最近在使用的过程中发现其中上传的图片（或者插入已有的表情包图片）都无法正常缩放，选中图片，用鼠标点击并拖动图片边沿的小标签，图片只能缩小不能放大。尝试过很多方法都没办法解决，甚至检查了js源码，也没有发现有任何异常的地方。 　　后来无意中发现页面上引入了Bootstrap，而Bootstrap默认将box-sizing样式统一设成border-box了。具体内容可以查看Bootstrap的发布日志：http://blog.getbootstrap.com/
ueditor-1.1.2_ueditor-1.1.2_ueditor_ueditor:jar:1.1.2_ueditor-1.
10-01
ueditor-1.1.2 JAR包及源码
uView u-parse 在nvue页面中无作用踩坑
最新发布
yueye_wu的博客
04-24 492
在uni-app开发的app nvue页面中有需要回显渲染字符串形式的富文本内容但使用v-html和uniapp的rich-text组件都无法起到作用，就想到了使用uView中u-parse进行尝试。uView我是使用uniApp插件市场导入的方式将插件导入项目的uni_modules中。
Ueditor编辑保存的内容网页显示时背景等信息无效果---参考UEditor官方文档之编辑内容展示
ystyaoshengting的专栏
12-17 7789
背景 大家使用 UEditor 是为了让用户能在页面中编辑富文本内容，但这应该只是手段方法。我们最终的目的是为了呈现用户编辑的内容。也就是内容的展示。原来我们对这块是不考虑的，只关注在编辑端。但随着编辑器产出内容的增加和复杂化，比如图表展示，代码高亮，自定义的列表标号等等，如果都在最终产出的编辑数据中处理，那势必会导致产出数据带有冗余内容，而且也很大程度上硬编码了展示时定制效果。基于这些问题
uniapp用uParse实现解析后台的富文本编辑器的内容及修改uParse样式
zxh7770的博客
06-20 5845
uniapp用uParse实现解析后台的富文本编辑器的内容及修改uParse样式
vue 使用 ueditor uparse_手把手教你搭建 Vue 聊天室
weixin_39640262的博客
11-22 544
WebSocket简介WebSocket是一种在单个TCP连接上进行全双工通信的协议WebSocket使得客户端和服务器之间的数据交换变得更加简单，并且允许服务端主动向客户端推送数据。(HTTP协议的缺陷：通信只能由客户端发起)使用WbeSocket，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性连接(长连接)，并进行双向数据传输，并且能够实时的进行通讯聊天室通讯还可以采用轮...
rich-text 无法处理 文字 图片 视频超出视图显示不全的解决办法
weixin_68237499的博客
08-21 685
前端获取到后台数据 不做处理 就会出现下面问题 文字图片 视频超出视图显示不全
使用百度UEditor 的uparse来使代码高亮
大飞笔记（www.it100.site）
09-23 1887
在使用UEditor 的时候，我们会发现在UEditor 的文件夹中有一个ueditor.parse.js的文件，这个是做什么用的呢？ 这个主要是在文章显示页面实现一些比较复杂的样式，比如图表展示，代码高亮，自定义的列表标号 我们本次所说的就是使用UEditor集成的代码高亮插件实现代码高亮。 首先在编辑的时候，选择一种代码语言，然后编辑保存。 然后在显示的前端页面中加载uedito...
Uni-app 之uParse 富文本 样式
a314753967的博客
10-18 4445
富文本如果内容过多，会导致有些列不出现在屏幕内，如果只被挡的只有一两列，显示出来也不拥挤，可以修改样式使其全部展示出来，增加tag-style <u-parse :html="data.content" :tag-style="{ table: 'width:100%;', tr: 'width:80%;', td: 'font-size:10rpx!important;', p: 'font-size:20rpx;!important;', span: 'font-size
Ueditor解析内容
qq_36188688的博客
08-10 353
编辑器初始化好了以后，编辑内容也保存到数据库之后，在页面上显示非常简单，直接用$(’#identifier’).html()方法或append方法直接把内容显示在页面上就可以了，Ueditor自带的uParse会去解析你的内容，并美化你的内容，所以暂时发现uParse只有美化的作用。 记得rootpath（对应ueditor.parse.js的路径）写对，要不然解析不成功 uParse('.content', { rootPath: '../' }) 参考链接： http://fex.baidu.
Ueditor百度编辑器的Html模式自动替换样式的解决方法
10-20
在使用百度的Ueditor编辑器时，用户可能会遇到一个不便之处：当在HTML模式下粘贴带有样式的HTML文档时，编辑器会自动去除样式并进行转义，以确保内容的安全性。然而，这种行为在某些场景下并不理想，比如需要保持...
百度UEditor编辑器如何关闭抓取远程图片功能
12-12
问题又来了：今天在写百度UEditor编辑器的【取远程图片功能】时有碰到：该功能如何关闭了？ 又花了15分钟左右的时间查阅了[官方文档]以及[官方论坛]，都没有找到解决办法，那就查阅下源文件看看，是否有相关的判断呢...
百度控件ueditor图片上传到远程服务器解决方案
03-08
百度控件ueditor图片上传到远程服务器解决方案 一、搭建ueditor环境 二、修改源码 三、重新编译源码 四、使用说明
百度Ueditor富文本编辑器的使用
wbreach的博客
03-09 860
最近项目中用到了Ueditor富文本编辑器,趁还没忘记,整理处理给需要的朋友; 项目环境 语言: Java(web) 工具:Eclipse, Ueditor 项目架构:SSM(springMVC, mybatis, spring) 使用步骤: 1:先去Ueditor官网下载其文件包,(下载就不演示了) 2:目录介绍(扒的是Ueditor官网的,具体的详见Ueditor官网) ...
UEditor对象的htmlParse()方法
qq_43750656的博客
12-23 447
引入UEditor并测试htmlparse方法。 写入测试以下的html文本 var uNode = UE.htmlparser("1111<p>Hello <span>world</span></p><p>HHHH</p><p>&nbsp;&nbsp; asdasd <br/></p><p><span style=\"font-size: 36px;\">B
解决百度富文本编辑器-Ueditor div、dl、dt、dd过滤替换问题
XW-DESIGN
09-09 432
使用ueditor编辑器中，想保存style标签的样式需要对js配置文件进行修改。官方为了安全考虑，默认会将style标签转为DIV标签，导致样式不能显示出对应的效果。2 找到addInputRule方法，并将switch case 中的case style：删除或注释。1、 找到allowDivTransToP参数，这个参数会将DIV标签转为P标签，设置为false。// xss 过滤是否开启,inserthtml等操作。//output xss过滤。//input xss过滤。
UEditor富文本编辑器的简单入门
止于至善
10-17 3172
UEditor富文本编辑器的简单入门首先既然我们要用UEditor插件，我们就需要引入对应的文件，在UEditor官网下载，然后将static文件夹拷贝到我们项目的根目录下，接下来就是引用：* 引入配置文件 <script src="static/UE/ueditor.config.js"></script> * 引入all.js <script src="static/UE/uedit
ueditor 编辑器增加css样式_UEditor踩坑记：解决自动添加<p>标签的方法
weixin_31124163的博客
12-30 1095
UEditor是百度开发的一款优秀的开源 HTML 编辑器，上手简单，界面美观，功能强大，因此俘获了一大批站长的“芳心”，但是毕竟众口难调，也有一些小问题需要我们自个儿动手解决。比如昨晚上菲菲君就踩了几枚深坑：默认代码下，列表样式 标签下会自动嵌套 标签同时父级 标签也会自动添加引用 style 和 class样式还有自动剔除 css 样式和 span 标签等等很多小问题这些问题虽然不会...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值