1. 程式人生 > 其它 >html標籤正則匹配相關

html標籤正則匹配相關

1. 匹配html標籤的正則

/<[^>]+>/g

2. 匹配html標籤內文字(只需要使用正向預查)

/[^<>]+(?=<)/g

3. 匹配html標籤內以空格開始的文字

/\s+([^<>]+)(?=<)/g
/\s+(?:[^<>]+)(?=<)/g
/\s+[^<>]+(?=<)/g
/\s+(?=[^<>]+<)/g

4. 例項

1.該正則可匹配html標籤內 空格+文字的內容,例如:測試 內容,匹配出來是 ' 內容'

let str = '<p style="text-align: center; "> 測試 內容</p>';
str 
= str.replace(/\s+([^<>]+)(?=<)/g, function (match) { return match.replace(/\s/g, '&nbsp;'); });

2.簡單的,可以匹配html標籤內文字,然後替換空格

let str = '<p style="text-align: center; "> 測試 內容</p>';
str = str.replace(/[^<>]+(?=<)/g, function (match) { return match.replace(/\s/g, '&nbsp;'); });

兩個結果都是:

<p style=\"text-align: center; \">&nbsp;&nbsp;&nbsp;測試&nbsp;&nbsp;內容</p>