JS 實現HTML標籤的轉義 反轉義的幾種方法

2021-09-20 03:16:55 字數 1784 閱讀 8679

1,html 標籤的轉義方法

//html標籤轉義(

< -----> <

;)

functionhtml2escape(shtml) [c];

});

}

2,html 標籤的反轉義方法

//html標籤反轉義(

< ----> <

functionescape2html(str) ;

returnstr.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t));

}

這個實現原理是:innertext(textcontent) 會獲取純文字內容,忽略 html 節點標籤,而 innerhtml 會顯示標籤內容。

1,html 標籤的轉義方法

我們先將需轉義的內容賦值給 innertext(textcontent),再獲取它的 innerhtml 屬性,這時獲取到的就是轉義後文字內容。

//html標籤轉義(< -> <)

functionhtml2escape(shtml)

2,html 標籤的反轉義方法

反轉義的方法為先將轉義文字賦值給 innerhtml,然後通過 innertext(textcontent) 獲取轉義前的文字內容。

//html標籤反轉義(< -> <)

functionescape2html(str)

1,html 標籤的轉義方法

//html標籤轉義(< -> <)

functionhtml2escape(shtml)

2,html 標籤的反轉義方法

//html標籤反轉義(< -> <)

functionescape2html(str)

另外一種轉義的方法:

function escape2html(str) ;

JS實現HTML標籤轉義及反轉義

今天我用ueditor時候遇到乙個問題 我從資料庫中讀取內容進行編輯的時候,不是有一些html標籤嘛,從資料庫讀出來沒有問題 但是我用asp.net mvc,把讀取出來的內容通過ueditor的api方法賦值到編輯區域的時候html標籤被轉義了 比如 變為了 我跟蹤 看後端取到的資料沒有問題,返回到...

前端實現HTML標籤轉義及反轉義,又吃螃蟹嘍

最近在做乙個輸入memo之後儲存到資料庫,當時沒注意,等到上線執行一段時間後發現等字元很多,覺得有問題,就去試了一下,輸入 和html標籤,我屮艸芔茻 戳 居然給我轉譯存到db裡面去了。後面發現在api裡面有個外掛程式對特殊的標籤進行了轉譯。既然儲存成那個鬼樣子了,我也吐了,那就硬來吧如下 func...

js對HTML字元轉義與反轉義

注意 在編寫html時,經常需要轉義,才能正常顯示在頁面上。並且,還可以防止xss。解決方案 一,使用正則 使用正則轉碼 var value document.getelementbyid input value.trim 對使用者輸入進行轉義 value value.replace g,value...