使用正規表示式處理常見html標籤問題

2021-09-11 06:07:44 字數 1284 閱讀 9416

在做富文字編輯時總是會處理一些html標籤,剛好複習一下上篇內容,自己寫了乙個例子

let str = '正規表示式測試紅色

綠色藍色

'

正則一:去除所有標籤

let str1 = str.replace(/<.>/g,'')

console.log(str1)

str1列印出為 『正規表示式測試紅色紅色紅色』

正則二:去除所有標籤除了span標籤

let str2 = str.replace( //g,'')

console.log(str2)

str2列印出為 「正規表示式測試紅色綠色藍色」

正則三:去除所有標籤並將span標籤替換為特殊字元

let str3 = str.replace( //g,'').replace(/|\/span>)/g,'#')

console.log(str3)

str3列印出為"正規表示式測試#紅色##綠色##藍色#"

正則四:將字串中特殊字元轉換為某個特定標籤

let  str4 = '正規表示式測試#紅色##綠色##藍色#'

str4.replace(/#(.*?)#/g,'$1')

console.log(str4)

str4列印出為"正規表示式測試紅色綠色藍色"

正則五:去除所有標籤並將img標籤的src內容顯示

let str5 = '正規表示式測試2紅色

'//只保留img標籤 "正規表示式測試2紅色

let str6 = str5.replace(//g,'')

// 將

str6.replace(/

console.log(str6)

str6列印出"正規表示式測試2紅色"

正規表示式相關 正規表示式處理html內容

前面關於顯示html文字用了瀏覽器控制項來處理 這個不過是為了解決燃眉之急不得已才使用。其實最好還是使用正規表示式處理,也就是自己寫乙個html文字直譯器,當然這個實現起來也是不容易的,首先你得將所有html文字標籤羅列出來,然後一一翻譯。下面先搞乙個簡單的例子吧。public static str...

HTML 正規表示式

表示式概念 一種字串檢索模式 表現為字串形式的object物件 可進行文字搜尋和替換。在前端頁面中一般用於表單驗證 語法 正則字面量表達方式 正規表示式主體 修飾符 可選 var reg abc i 實際開發中正規表示式會配合字串的search和replace方法來使用 search 用於檢索與正規...

常見正規表示式

d 匹配非負整數 正整數 0 0 9 1 9 0 9 匹配正整數 d 0 匹配非正整數 負整數 0 0 9 1 9 0 9 匹配負整數 d 匹配整數 d d 匹配非負浮點數 正浮點數 0 0 9 0 9 1 9 0 9 0 9 1 9 0 9 0 9 0 9 1 9 0 9 匹配正浮點數 d d 0...