小編給大家分享一下js如何處理網(wǎng)頁編輯器轉(zhuǎn)義、去除轉(zhuǎn)義、去除HTML標(biāo)簽的正則,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、成都網(wǎng)站制作、葉縣網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、葉縣網(wǎng)絡(luò)營銷、葉縣企業(yè)策劃、葉縣品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供葉縣建站搭建服務(wù),24小時(shí)服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
富文本編輯器生成的HTML標(biāo)簽,進(jìn)行轉(zhuǎn)義,然后寫入數(shù)據(jù)庫,防止腳本注入:
function htmlEncode(value){ return $('').text(value).html(); }
1、從數(shù)據(jù)庫拿出的轉(zhuǎn)義后的HTML標(biāo)簽內(nèi)容,先得去除轉(zhuǎn)義,然后再去除HTML標(biāo)簽,是生成縮略文字。
/*移除HTML標(biāo)簽代碼*/ function removeHTMLTag(str) { str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白 //str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行 str=str.replace(/ /ig,'');//去掉 return str; } //轉(zhuǎn)意符換成普通字符 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];}); }
如果是文章詳情頁的話,直接去除轉(zhuǎn)義就可以顯示在頁面了:
//轉(zhuǎn)意符換成普通字符 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];}); }
2、JS正則過濾(去除)富文本編輯器中的FONT-SIZE標(biāo)簽
var test=test.replace(/font-size:\w+;?/g,'');
3、js處理去掉富文本編輯的html,樣式,只顯示純文字內(nèi)容,以供列表頁使用
4、jQuery JavaScript正則表達(dá)式與\n代替
Lee TaylorTeneff給出了該問題的處理方式:
var str = document.getElementById('mydiv').innerHTML;
document.getElementById('mytextarea').innerHTML = str.replace(/
/gi, "\n");
or using jQuery:
var str = $("#mydiv").html();
var regex = /
/gi;
$("#mydiv").html(str.replace(regex, "\n"));
5、要去除html標(biāo)簽,圖片,換行,回車等
description = description.replace(/(\n)/g, ""); description = description.replace(/(\t)/g, ""); description = description.replace(/(\r)/g, ""); description = description.replace(/<\/?[^>]*>/g, ""); description = description.replace(/\s*/g, "");
6、創(chuàng)新互聯(lián)小編寫的一個替換fackeditor中的多余br與空行的
//加強(qiáng)替換主要是考慮多個br的問題 function doRepAdvance(s){ var str=s.replace(/"); str=str.replace(/
<\/p>/ig,""); str=str.replace(/
\n <\/p>/ig, "
\n<\/p>/ig, ""); str=str.replace(/
\n\r<\/p>/ig, ""); str=str.replace(/
<\/p>/ig,""); str=str.replace(/
\n <\/p>/ig, ""); str=str.replace(/
\n <\/p>/ig, ""); str=str.replace(/
\n<\/p>/ig, ""); str=str.replace(/
\n\r<\/p>/ig, ""); str=str.replace(/(
\n){1,}<\/p>/ig,""); str=str.replace(/(
){1,}<\/p>/ig,""); str=str.replace(/
\n<\/p>/ig, ""); str=str.replace(/
<\/p>/ig,""); str=str.replace(/<\/p>/ig,""); str=str.replace(/
<\/p>/ig,""); str=str.replace(/
<\/p>/ig,""); str=str.replace(/
<\/p>/ig,""); return str; }
以上是“js如何處理網(wǎng)頁編輯器轉(zhuǎn)義、去除轉(zhuǎn)義、去除HTML標(biāo)簽的正則”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!