关于ueditor1.4.3版复制section标签丢失class和style样式问题

  在复制微信的文章格式到ueditor时发现section标签中的style和class属性丢失,严重影响美观。

原文格式,排版清晰段落分明赏心悦目:

  

复制到ueditor后的格式。。。这跟原文是没法比了

  

于是打开代码模式,发现section的属性全没了

  

但是请注意,span的属性还是有的,猜测ueditor有可能某种规则限制了标签的属性复制。

果不其然,经过chrome的一番调试后,发现ueditor中有xss过滤器,默认启用,按照配置文件中的白名单列表,不在其中的将去除。

找到section那项,把class和style加入白名单

section:[‘class‘, ‘style‘],

效果果然出来了

时间: 2024-08-18 03:05:30

关于ueditor1.4.3版复制section标签丢失class和style样式问题的相关文章

1 谈谈section标签

section 字面上理解为"块","部分",section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多,即部分,块,模块,主要作用为对页面的内容进行分块或者对文章的内容进行分段.section标签是成对出现的,以<section>开始,以</section>结束section标签通常带有一个标题和一个内容块. 一.section标签实例 <!doctype html> &l

&lt;section&gt;标签的妙用之处

<section>标签的用法 ,有一个网友评论问<section> 的用法.所以现在举例来说明一下: html5引入了<section>标签,用于描述文档的结构,它同<div>标签的意思一样.但是在特定环境中,两者又有明显的区别. w3对<section>的定义是:定义一个文档的章节(可以拥有自己的<header>和<footer>).w3对<div>的定义是: 定义一个文档的章节.(但似乎更适合用于外层的布局

ueditor1.3.6jsp版在struts2应用中上传图片报&quot;未找到上传文件&quot;解决方案

摘要: ueditor1.3.6jsp版在struts2应用中上传图片报"未找到上传文件"解决方案 在struts2应用中使用ueditor富文本编辑器上传图片或者附件时,即使配置好了上传路径信息,也会出现"未找到上传文件"的错误提示,出先该问题的原因是:在配置struts过滤器,过滤路径设置/*方式时,由于struts2框架默认使用apache的Commons FileUpload组件和内建的FileUploadInterceptor拦截器实现上传,会将reque

section标签实现文字滚动

h5新增样式 section标签 使用demo //h5新增属性 h5新增滚动的标签 <marquee> <div style="padding-left: 20px;margin-top: 10px;color: #fff;"> <marquee behavior="scroll" bgcolor='red' direction="left" width='100%' height='30'>单方向循置参数的

配置文件_自定义section标签获取数据

前言:为了节约时间,先只粘贴关键代码: 1-添加section标签,name为自定义标签名称,type为:命名空间+类型,程序集名称 <section name="watchModel" type="DataCommon.Help.WatchModel,DataCommon" /> 2-自定义标签数据: watchModel为自定义标签(ConfigurationSection),watchItems为自定义标签的数据集(ConfigurationEle

jQuery如何为指定标签添加和删除一个样式

jQuery如何为指定标签添加和删除一个样式:在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实现此功能,下面通过实例来介绍一下如何实现此种功能.一.使用addClass()和removeClass()添加和删除一个CSS类:代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="

&lt;&lt;C++ Primer&gt;&gt; 第四版Exercise Section 8.4.1 练习题

For exercise 8.6 1 // ConsoleApplication10.cpp : 定义控制台应用程序的入口点. 2 // 3 4 #include "stdafx.h" 5 #include <iostream> 6 #include <fstream> 7 #include <sstream> 8 9 using namespace std; 10 11 12 void print(istream &in) 13 { 14

比如界说一块内容或文章区域可运用section标签

http://sh.58.com/sou/?key=%e8%8b%8f%e5%b7%9e%e5%b7%a5%e4%b8%9a%e5%9b%ad%e5%8c%ba%e5%b0%8f%e5%a7%90%e6%b4%bb%e5%a5%bd%e4%bb%bb%e4%bd%a0%e6%90%9e%e3%80%96131%232061%235988%e8%8e%89%e8%8e%89%e5%a7%90%e3%80%97%e5%a6%b9%ef%bc%b1%e3%80%967650%2339896%e3%80

ueditor1.4.3jsp版成功上传图片后却回显不出来与在线管理显示不出图片的解决方案

这是因为路径问题,可以在jsp/config.json这个文件去改路径 通过“imageUrlPrefix”与“imagePathFormat”这两个属性去拼凑路径. “imageUrlPrefix”是前缀的意思 如:我遇到的问题是图片回显地址为: http://localhost:8080/ueditor/jsp/upload/image/...... 而正确的地址是: http://localhost:8080/Spring_3100_Registration_9_bootstrap/ued