1. 程式人生 > >js 使用正則 將字串中的URL加上href連結 在頁面點選

js 使用正則 將字串中的URL加上href連結 在頁面點選

在後臺中將內容中的URL用正則匹配後加上了href連結,在頁面顯示成原始碼了,不能點選

所以就直接在js中將內容改好後直接.html()到頁面的span中

【使用的table_arttemplate模板,在原來顯示內容處改為<span class="gf5 b" id="d_<!--[=result[i].id]-->"></span>,等table載入完成後,將內容替換後顯示到span中】

 if(_metadata.result[0].lanxinmessage!=null){
                	  var strRegex = '((https|http)://)[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+';
                	  var regex=new RegExp(strRegex,"gi"); 
                	  for(var i=0;i<_metadata.result.length;i++){
                		  var lanxinmessage=_metadata.result[i].lanxinmessage;
                		  if(regex.test(lanxinmessage)){
                			  //可以檢視所有匹配的字內容
//                			  var arr=lanxinmessage.match(regex);
//                			  for(var j=0;j<arr.length;j++){
//                				  console.log(arr[j]);
//                			  }
                			  lanxinmessage=replaceReg(regex,lanxinmessage);
                		  }
                		  _metadata.result[i].lanxinmessage=lanxinmessage;
                	  }
                  }
if(_metadata.result[0].lanxinmessage!=null){
              	  for(var i=0;i<_metadata.result.length;i++){
              		  $("#d_"+_metadata.result[i].id).html(_metadata.result[i].lanxinmessage);
              	  }
                }

function replaceReg(reg,str){
	return str.replace(reg,function(m){return '<a href="'+m+'" target="_blank">'+m+'</a>';});
}