首页 > Web开发 > 详细

富文本数据 解析HTML

时间:2020-07-18 18:17:21      阅读:200      评论:0      收藏:0      [点我收藏+]

后台返回给前端的富文本数据如:

{
    "status": 1,
    "info": "获取活动数据成功",
    "data": [
        {
            "id": "000",
            "img_src": "http://zt.52hangjia.com/Uploads/Picture/Picture/2020-07-18/710_280_5f129d7074a92.png",
            "name": "广告测试",
            "adpic": "生活如此多娇,引无数英雄竞折腰<img src="http://zt.52hangjia.com/Uploads/Attached/image/20200718/20200718150334_88259.png"  />"
        }
    ]
}

  

如果直接 将adpic的数据append,或者html 是不起作用,这样只能利用浏览器的解析成html代码的字符串,所以首先我们要先将特殊字符转换,如下解析

	var date=ret.data;
	if(ret.status==1){
	 function escape2Html(str) {
     	  var arrEntities={‘lt‘:‘<‘,‘gt‘:‘>‘,‘nbsp‘:‘ ‘,‘amp‘:‘&‘,‘quot‘:‘"‘};
     	  return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
    	 }
	 var strHT=escape2Html(date[0].adpic);
	 $("#chess").html(strHT)

  展示如下:

 

技术分享图片

 

富文本数据 解析HTML

原文:https://www.cnblogs.com/hongzhuang/p/13335891.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!