富文本數據 解析HTML


后台返回給前端的富文本數據如:

{
    "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" alt="" />"
        }
    ]
}

  

如果直接 將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)

  展示如下:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM