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

tommego 發(fā)布于2019-08-01 18:14 / 3342人閱讀

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

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

//去掉html標簽

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

//普通字符轉(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]}) 
}

//回車轉(zhuǎn)為br標簽

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

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

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

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

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

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

參考文章

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

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

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

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

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

tanglijun 2019-08-22 11:21 評論0 收藏0
爬蟲不得不學之 JavaScript 入門篇

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

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

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

cnio 2019-08-23 17:17 評論0 收藏0
一步一步寫一個簡單的js版quine程序

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

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

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

Jensen 2019-08-23 13:48 評論0 收藏0