JS轉換HTML轉義符 [轉]

tanglijun 發布于2019-08-22 11:21 / 648人閱讀

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

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

//去掉html標簽

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

//普通字符轉換成轉意符

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

//轉意符換成普通字符

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];}); 
}

// 轉成空格

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

//回車轉為br標簽

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

//去除開頭結尾換行,并將連續3次以上換行轉換成2次換行

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

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

// 將多個連續空格合并成一個空格

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

參考文章

云服務器 GPU云服務器 js 轉義符空格 html小于號轉義符 js換行轉義符 js 轉換符

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92239.html

JS轉換HTML轉義符 [轉]

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

tommego 2019-08-01 18:14 評論0 收藏0
爬蟲不得不學之 JavaScript 入門篇

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

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

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

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

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

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

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

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