使用正則表達(dá)式去除所有html標(biāo)簽只保留文字

后臺將富文本編輯器中的內(nèi)容返回到前端時如果帶上了標(biāo)簽，這時就可以利用這種方法只保留文字。

標(biāo)簽的格式有以下幾種

1.div class="test">/div>

2.img />

3.自定義標(biāo)簽My-Tag>/My-Tag>

針對以上幾種標(biāo)簽，確定的正則的規(guī)則是 reg=/\/?.+?\/?>/g

表示尖括號

第一個\/?表示/div>這種標(biāo)簽的情況

.+?表示將中間所有內(nèi)容替代掉

第二個\/?表示img/>這種情況

/g表示全局替換

代碼如下：

!DOCTYPE html>
html lang="en">
head>
  meta charset="UTF-8">
  title>去除所有標(biāo)簽/title>
/head>
script>
  function matchReg(str){
    let reg=/\/?.+?\/?>/g;
    console.log(str.replace(reg,''));
  }
  matchReg(`p>去除所有html標(biāo)簽,img/>My-Tag class="abc" value="test">自定義標(biāo)簽也可以去除哦/My-Tag>/p>`);
/script>
body>
/body>
/html>

總結(jié)

以上所述是小編給大家介紹的使用正則表達(dá)式去除所有html標(biāo)簽只保留文字,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！