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

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;}】即可。

Issue已提交UEditor Github: https://github.com/fex-team/ueditor/issues/2164

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-15 10:11:00

Ueditor uParse功能Bug,生成了全局CSS: li,影响全局样式, 造成网页其它部分显示混乱解决方案的相关文章

bootstrap 全局 CSS 样式

http://v3.bootcss.com/css/#less-mixins-utility 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型.在你项目中的每个页面都要参照下面的格式进行设置. 复制 <!DOCTYPE html> <html lang="zh-CN"> ...

【03】全局 CSS 样式

全局 CSS 样式 设置全局 CSS 样式:基本的 HTML 元素均可以通过 class 设置样式并得到增强效果:还有先进的栅格系统. 概览 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型.在你项目中的每个页面都要参照下面的格式进行设置. <!DOCTYPE html> <html lang="

全局CSS样式

bootstrap全局css样式:一共12个内容模块 概览 栅格系统 排版 代码 表格 表单 按钮 图片 辅助类 响应式工具 使用Less 使用Sass 一.概览类 1.html5文档类型 <!DOCTYPE html> 2.移动设备优先 <meta name="viewport" content="width=device-width, initial-scale=1"> 3.排版与链接 bootstrap排版.链接样式设置了基本的全局样式

2.Bootstrap 全局CSS样式和字体图标

一.全局CSS样式 1.html5文档类型,标准,参照下面的进行设置 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 2.移动设备优先 bootstrap是移动设备优先的! 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据标签. <meta name="viewport" content="width=device-width

webpack4对第三方库css,项目全局css和vue内联css文件提取到单独的文件(二十二)

在讲解提取css之前,我们先看下项目的架构如下结构: ### 目录结构如下: demo1 # 工程名 | |--- dist # 打包后生成的目录文件 | |--- node_modules # 所有的依赖包 | |--- app | | |---index | | | |-- views # 存放所有vue页面文件 | | | | |-- index.vue | | | | |-- list.vue | | | |-- components # 存放vue公用的组件 | | | |-- js

BootStrap之基础-2 CSS样式(全局CSS样式)

一.全局CSS样式 概述 - HTML5文件类型 - BootStrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5  - 移动设备优先 - 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据元素 CSS全局样式 - 为body元素设置 background-color: #fff; - 使用 @font-family-base.@font-size-base 和 @line-height-base a变量作为排版的基本参数 - 为所有链接设置了基

全局CSS设置

全局CSS设置 1.清除所有的标记的内外边距 body,ul,li,a,img,p,input{ margin:0; padding:0; } 2.去除项目符号或编号前面的符号 ul,ol,li{ list-style:none; } 3.全局链接效果 a:link , a:visited{color:#444;text-decoration:none;} a:hover{color:red;} 4.网页中所有的文字大小颜色 body{ font-size:12px; font-family:宋

Bootstrap学习 - 全局CSS样式

栅格Grid  <!-行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中-> <div class="container"> <div class="row"> <div class="col-md-1">col-md-1</div> <!-一行最多12列, col-xs, col-sm, col-md, col-

EA强大功能之生成代码

最近在做合作版机房收费系统,我负责画所有的UML图和文档,相当于我做了整个的架构.并且只能给小伙伴们文档和所需部分的接口,避免交流,看文档写代码.我当时心想,这写的应该要多详细啊! 后来听说,EA可以直接生成代码,我心想这就方便多了,不用我手写接口了.直接画图,生成接口,让我们组的其他人一看就明了啊. 下面给大家显示一下: (1)首先在EA中画一个类图,以SqlUserDAL类为例. (2)修改类的详细信息(名称,更改一下语言),点击确定. (3)添加一个方法,并给参数,返回值以及可见性. 在这