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

清疚 2022-05-25 06:35 347阅读 0赞

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

一、问题描述

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

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

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

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

二、问题解决

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

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

补充： [ htmlEscape 属性的作用 ][htmlEscape _]

2、<textarea> 标签实现转义

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

*  依赖jar： jstl-1.2.jar
 *  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编码和转码。

*  编码：StringEscapeUtils.escapeHtml4(str);
 *  解码：StringEscapeUtils.unescapeHtml4(str);

参考资料： [http://www.iteye.com/problems/76982][http_www.iteye.com_problems_76982]

[ckeditor]: https://ckeditor.com/
[htmlEscape _]: https://blog.csdn.net/HaHa_Sir/article/details/78609183
[http_www.iteye.com_problems_76982]: http://www.iteye.com/problems/76982

发表评论取消回复

表情：

评论列表（有 0 条评论，347人围观）

还没有评论，来说两句吧...

相关阅读

相关 <textarea>标签中换行符号“ “

之前想在textarea中换行，试了<br>,\\n,\\r都不行，用&\xd;确行，记一下。是把&\xd;写在textarea标签里面 <textarea>333

灰太狼/ 2022年09月22日 03:53/ 0 赞/ 302 阅读

相关 JSF html标签字符进行转义

如题： <h:outputText value="<br/>" rendered="\\{indNo>0\}" escape="false"/> 条件换行 escape

痛定思痛。/ 2022年08月14日 04:45/ 0 赞/ 222 阅读

相关 HTML中textarea标签的换行方法

<textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。 <text

叁歲伎倆/ 2022年06月16日 11:18/ 0 赞/ 344 阅读

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

textarea标签实现html转义textarea标签显示html代码一、问题描述 1、假设有这么一段字符串： “ <script>alert("订单");

清疚/ 2022年05月25日 06:35/ 0 赞/ 348 阅读

相关 textarea标签禁止拉伸

千古兴亡多少事,悠悠,不尽长江滚滚流 `<textarea>` 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Cou

ゝ一纸荒年。/ 2022年05月23日 12:10/ 0 赞/ 231 阅读

相关 html textarea标签的innerHTML属性和value属性的区别

居然有人说， html textarea标签的innerHTML属性和value属性是一致的，我晕，看代码： <

红太狼/ 2022年04月23日 09:34/ 0 赞/ 216 阅读

相关 html textarea标签的innerHTML属性和value属性的区别

居然有人说， html textarea标签的innerHTML属性和value属性是一致的，我晕，看代码： <

╰+攻爆jí腚メ/ 2022年04月23日 05:36/ 0 赞/ 188 阅读

相关 Html标签textarea怎么去掉过滤多余空格

今天在做页面的时候发现写的textarea中会有一些默认的空格出现，鼠标可以在里面任意点击。发现，原来是<textarea></textarea>标签没有写在同一行所致。。。

梦里梦外;/ 2022年03月19日 11:20/ 0 赞/ 704 阅读

相关 textarea 转HTML

Text2Html(str) \{ if (str == null) \{ return ""; \} else if (str.length == 0) \{ ret

超、凢脫俗/ 2021年12月12日 12:45/ 0 赞/ 294 阅读

相关 html 表单和表单域标签input、textarea、select

form表单标签学习：收集并提交form标签内form表单域中value数据，按照method提交方式给 action指定的提交地址

男娘i/ 2021年07月24日 15:23/ 0 赞/ 479 阅读