在HtmlFilter下传递富文本编辑器内容

最新推荐文章于 2024-07-11 20:28:35 发布

御坂10027

最新推荐文章于 2024-07-11 20:28:35 发布

阅读量306

点赞数

分类专栏：工作日常文章标签： HTML编码富文本前后端交互 HTMLFilter 字符串处理

本文链接：https://blog.csdn.net/qq_36782325/article/details/119407303

版权

工作日常专栏收录该内容

49 篇文章 2 订阅

订阅专栏

一、前提介绍

1.框架中使用了Filter过滤器，其中包含了HtmlFilter

HtmlFilter：HTML标签过滤器，过滤所有以“<”开头、以“>”结尾的标签

2.方法接收的参数为富文本编辑器中的内容

富文本示例：
<p>
	<img src="/ke4/attached/W020091124524510014093.jpg" alt="" /><br />
天气晴朗
</p>
<p>
	<br />
</p>

3.当通过了HtmlFilter过滤后，方法内接收到的数据就会变成：

天气晴朗

这是不符合我们的需求的。我们需要保存富文本编辑器中包括标签在内的所有内容，在需要展示的时候，必须将其一字不差的返给前端。

二、解决方法

1.前端在传参时，需要将富文本编辑器内的文本进行HTMLencode转码。（< 转为 <、>转为>、“转为&quot）

html转码后富文本示例
&lt;p&gt;
	&lt;img src=&quot;/ke4/attached/W020091124524510014093.jpg&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;
天气晴朗
&lt;/p&gt;
&lt;p&gt;
	&lt;br /&gt;
&lt;/p&gt;

2.后端接收到参数后，进行解码获得富文本编辑器的实际内容，并保存。

三、实用方法

1.Html解码方法:

	import org.apache.commons.lang3.StringEscapeUtils;
	StringEscapeUtils.unescapeHtml4(text)

2.去除标签<>的正则表达式

 String contentFull = StringEscapeUtils.unescapeHtml4(text);
 contentFull = contentFull.replaceAll("\\&[a-zA-Z]{1,10};", "")
 							.replaceAll("<[^>]*>", "").replaceAll("[(/>)<]", "");