react方法返回html_#react# 在页面中显示html代码块

在页面中显示html代码块

在网上查了下，说有一下方法可以把html代码直接在页面中输出。

textarea 不让编辑去边框去滚动条

直接把代码用ps做成图片上传到网页

用转换符号

在jsx中前面3中都被实验失败，只有第四种成功了。

Button type="primary">Primary

/Button>

显示效果：

符号和转义符对照表

HTML字符实体 < &gt: &amp

在开发中遇到javascript从后台获取的url 会被转义，如：http://localhost:8080/Home/Index?a=14&b=15&c=123，想把它转成http://localhost:8080/Home/Index?a=14&b=15&c=123

解决方案：

转义分为escapeHTML和unescapeHTML，先看两个函数的实现。

/**

* @function escapeHTML 转义html脚本 < > & " '

* @param a -

* 字符串

escapeHTML: function(a){

a = "" + a;

return a.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'");;

/**

* @function unescapeHTML 还原html脚本 < > & " '

* @param a -

* 字符串

unescapeHTML: function(a){

a = "" + a;

return a.replace(/</g, "").replace(/&/g, "&").replace(/"/g, '"').replace(/'/g, "'");

escapeHTML将< > & " '转成字符实体

使用场景：

(1)用户在页面中录入(比如输入框) ， js将该内容提交给后端保存

(2)显示时，后端将字符串返回前端；js接收到之后：

a, 使用escapeHTML，将字符串转为 <script>alert(2);</script>此时，浏览器将能正确解析，因为浏览器接收到实体字符后，转成对应的尖括号等。

b, 不使用escapeHTML，浏览器一看到

unescapeHTML将字符实体转成< > & " '

使用场景：

后端将已经转义后的内容显示到页面；比如

js收到后：

a，前端进行unescapeHTML，则可以直接dom操作，将标签显示到页面。

b，前端没有unescapeHTML，则原样输出，但此时并没有执行。

react方法返回html_#react# 在页面中显示html代码块相关推荐

java错误页面显示错误信息_Struts2在JSP页面中显示错误信息和提示信息的方法
Struts2在JSP页面中显示错误信息和提示信息的方法主要有以下四种. 注意:以下四种方法均需要使Action类继承ActionSupport类. 一.域级错误信息 ①重写Action中的valid ...
layui table数据表格中数据返回成功，但页面不显示数据内容问题
layui table数据表格中数据返回成功,但页面不显示数据内容问题. 这是我做毕业设计的时候自己遇到的问题,后来查看了网上的一些技术贴子而得到解决,所以便想总结一个大概的方法,供大家参考! 一般导 ...
php+方法返回多个参数,PHP中调用外部程序，及其参数与返回值
用了一下午,终于弄明白了如何在PHP代码中调用外部程序. 在PHP中调用外部程序主要有两个函数,system和exec. system的原型为string system(string command ...
php实现wav转mp3,php实现将wav文件转换成图像文件并在页面中显示的方法
本文实例讲述了php实现将wav文件转换成图像文件并在页面中显示的方法.分享给大家供大家参考.具体分析如下: 需求:将wav文件转换成png文件并且显示出来. Wav_To_Png.php: func ...
php json转数组后并在前端展示,0516-如何从服务器端获取JSON格式字符串并解决到前端页面中显示...
一. 如何从服务器端获取JSON格式字符串并解决到前端页面中显示 1.采用AJAX异步方式从服务器请求必须为字符串的数据:例如 $PHP= '{"aaa":"bbb&q ...
IT兄弟连 JavaWeb教程使用Servlet实现在页面中显示随机数
在com.xdl.servlet包下定义RandomServlet类并HttpServlet类,在该类中生成随机数并发送给客户端.RandomServlet类详细代码如下: package com.x ...
api返回图片如何在界面中显示
故障背景在工作中需要一个验证码功能,后台接口给我返回的是一个文件流的形式,在控制台中查看是一连串的乱码故障排除思路第一步当然是先在别人身上找原因啦,首先排除接口问题在这里我问后端小伙伴,后端 ...
jsp页面中嵌入java代码
1.jsp页面中嵌入java代码 jsp的脚本元素 jsp的指令元素 jsp的动作元素 1.1 jsp的脚本元素(直接嵌入java代码) 第一种:表达式(expression)形式:<%= %& ...
[置顶] 读取pdf并且在web页面中显示
读取pdf并且在web页面中显示 if (System.IO.File.Exists(f)) { Response.ContentType = "applicationpdf"; ...

react方法返回html_#react# 在页面中显示html代码块

react方法返回html_#react# 在页面中显示html代码块相关推荐

最新文章

热门文章