JS轉(zhuǎn)換HTML轉(zhuǎn)義符 [轉(zhuǎn)]

tanglijun 發(fā)布于2019-08-22 11:21 / 658人閱讀

摘要：最近有個(gè)需求，就是后臺(tái)系統(tǒng)編輯文章內(nèi)容存到后臺(tái)，前端這邊獲取到是轉(zhuǎn)義后的字符串，如果直接將轉(zhuǎn)義后的內(nèi)容寫(xiě)在頁(yè)面上，標(biāo)簽不會(huì)被解析。

最近有個(gè)需求，就是后臺(tái)系統(tǒng)編輯文章內(nèi)容存到后臺(tái)，前端這邊獲取到是轉(zhuǎn)義后的字符串，如果直接將轉(zhuǎn)義后的內(nèi)容寫(xiě)在頁(yè)面上，html標(biāo)簽不會(huì)被解析。網(wǎng)上找到覺(jué)得不錯(cuò)的功能函數(shù)，這里記錄一下

//去掉html標(biāo)簽

function removeHtmlTab(tab) { 
 return tab.replace(/<[^<>]+?>/g,"");//刪除所有HTML標(biāo)簽 
}

//普通字符轉(zhuǎn)換成轉(zhuǎn)意符

function html2Escape(sHtml) { 
 return sHtml.replace(/[<>&"]/g,function(c){return {"<":"<",">":">","&":"&",""":"""}[c];}); 
}

//轉(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)成空格

function nbsp2Space(str) { 
 var arrEntities = {"nbsp" : " "}; 
 return str.replace(/&(nbsp);/ig, function(all, t){return arrEntities[t]}) 
}

//回車(chē)轉(zhuǎn)為br標(biāo)簽

function return2Br(str) { 
 return str.replace(/
?
/g,"
"); 
}

//去除開(kāi)頭結(jié)尾換行,并將連續(xù)3次以上換行轉(zhuǎn)換成2次換行

function trimBr(str) { 
 str=str.replace(/((s| )*
?
){3,}/g,"

");//限制最多2次換行 
 str=str.replace(/^((s| )*
?
)+/g,"");//清除開(kāi)頭換行 
 str=str.replace(/((s| )*
?
)+$/g,"");//清除結(jié)尾換行 
 return str; 
}

// 將多個(gè)連續(xù)空格合并成一個(gè)空格

function mergeSpace(str) { 
 str=str.replace(/(s| )+/g," "); 
 return str; 
}

參考文章

云服務(wù)器 GPU云服務(wù)器 js 轉(zhuǎn)義符空格 html小于號(hào)轉(zhuǎn)義符 js換行轉(zhuǎn)義符 js 轉(zhuǎn)換符

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92239.html

相關(guān)文章

JS轉(zhuǎn)換HTML轉(zhuǎn)義符 [轉(zhuǎn)]

摘要：最近有個(gè)需求，就是后臺(tái)系統(tǒng)編輯文章內(nèi)容存到后臺(tái)，前端這邊獲取到是轉(zhuǎn)義后的字符串，如果直接將轉(zhuǎn)義后的內(nèi)容寫(xiě)在頁(yè)面上，標(biāo)簽不會(huì)被解析。最近有個(gè)需求，就是后臺(tái)系統(tǒng)編輯文章內(nèi)容存到后臺(tái)，前端這邊獲取到是轉(zhuǎn)義后的字符串，如果直接將轉(zhuǎn)義后的內(nèi)容寫(xiě)在頁(yè)面上，html標(biāo)簽不會(huì)被解析。網(wǎng)上找到覺(jué)得不錯(cuò)的功能函數(shù)，這里記錄一下 //去掉html標(biāo)簽 function removeHtmlTab(tab)...

tommego 2019-08-01 18:14 評(píng)論0 收藏0
爬蟲(chóng)不得不學(xué)之 JavaScript 入門(mén)篇

摘要：為數(shù)值固定的表示法，用來(lái)表示整數(shù)和浮點(diǎn)數(shù)的。無(wú)論你寫(xiě)何種進(jìn)制，它的存儲(chǔ)還是以二進(jìn)制來(lái)存儲(chǔ)的，所以這樣就弄成了浮點(diǎn)數(shù)的存儲(chǔ)精確度，浮點(diǎn)數(shù)只能精確到位小數(shù)。關(guān)系運(yùn)算符關(guān)系運(yùn)算符有和。賦值運(yùn)算符賦值運(yùn)算符有六個(gè)。現(xiàn)在的爬蟲(chóng)越來(lái)越難了，不再和之前的那樣，隨便抓個(gè)包就可以找到相關(guān)的 url ，然后 post 一下或者 get 一下數(shù)據(jù)就出來(lái)了。還有一個(gè)可能就是可能你以前用來(lái)學(xué)習(xí)的爬蟲(chóng)網(wǎng)站太簡(jiǎn)單...

tracymac7 2019-08-23 15:10 評(píng)論0 收藏0
ES6—字符串模板引擎（4）

摘要：字符串模板引擎中的字符串缺乏多行字符串字符串格式化轉(zhuǎn)義等特性。字符串中嵌入變量模板字面量看上去僅僅是普通字符串的升級(jí)版，但二者之間真正的區(qū)別在于模板字面量的變量占位符。黑子在上面的代碼中，就是模板標(biāo)簽。字符串模板引擎 ES5中的字符串缺乏多行字符串、字符串格式化、HTML轉(zhuǎn)義等特性。而ES6通過(guò)模板字面量的方式進(jìn)行了填補(bǔ)，模板字面量試著跳出JS已有的字符串體系，通過(guò)一些全新的方法來(lái)...

cnio 2019-08-23 17:17 評(píng)論0 收藏0
一步一步寫(xiě)一個(gè)簡(jiǎn)單的js版quine程序

摘要：感覺(jué)挺有意思的，于是打算自己用寫(xiě)一個(gè)試試。為有趣起見(jiàn)，準(zhǔn)備從一個(gè)打印本站域名的額外功能開(kāi)始這個(gè)命令可以在控制欄打印出一行。接下來(lái)我準(zhǔn)備一步一步改造這個(gè)命令，直至達(dá)成的目標(biāo)。注意到源碼里外用了不同的引號(hào)，這是為了規(guī)避轉(zhuǎn)義符。原文自轉(zhuǎn)->這里早上看了justjavac大大的一篇文章：javascript 的 quine 程序升級(jí)版，了解了一下所謂quine程序的概念：一個(gè) ...

AJie 2019-08-19 14:48 評(píng)論0 收藏0
正則表達(dá)式的元字符和轉(zhuǎn)義字符，又及轉(zhuǎn)義字符和ASCII碼之間的關(guān)系小解

摘要：現(xiàn)在解釋和正則匹配中的轉(zhuǎn)義字符之間的關(guān)系其實(shí)中的轉(zhuǎn)義字符和正則中的轉(zhuǎn)義字符是同一樣?xùn)|西，都是特殊意義的字符，也算對(duì)中一些特殊字符或不能顯示的字符的定義或別稱(chēng)。 1、正則表達(dá)式的組合正則表達(dá)式由元字符和轉(zhuǎn)義字符組成元字符有 ^ :斷言目標(biāo)的開(kāi)始位置（或多行模式下的行首位置） $ :斷言目標(biāo)的介紹位置（或多行模式下的結(jié)尾位置） . :匹配除換行符外的其他任何字符 [ :匹配字...

Jensen 2019-08-23 13:48 評(píng)論0 收藏0