textarea标签实现html转义textarea标签显示html代码

最新推荐文章于 2024-05-15 09:30:00 发布

在启航

最新推荐文章于 2024-05-15 09:30:00 发布

阅读量5.5k

点赞数

分类专栏： html

1 篇文章 0 订阅

订阅专栏

textarea标签实现html转义textarea标签显示html代码

一、问题描述

1、假设有这么一段字符串： “ <script>alert("订单");</script> ”

2、 html编码后： “ <script>alert("订单");</script><br/>  ”

3、假设需要在富文本中回显编码后的html代码。（如： ckeditor ）

4、遇到的问题是：html编码后的代码，无法在富文本中显示（被识别成了<script>脚本），需进行html代码转义才可以。

二、问题解决

1、若使用了 SpringMVC标签，设置 htmlEscape="true" 即可，实现对html代码进行转义。

如： <form:textarea id="content" htmlEscape="true" path="content" />

2、<textarea> 标签实现转义

原理是：借助JSTL标签库中的 <c:out>标签实现html转义。步骤如下：

jsp页面导入标签库：

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<textarea id="TextArea1" name="content" cols="20" rows="2" >
	    <c:out value="${content }" escapeXml="true"></c:out>
	</textarea>

3、补充：在java中可使用 commons-lang3-3.7.jar 来实现对字符串进行html编码和转码。

关注

专栏目录