溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用正則表達式去除所有html標簽只保留文字

發(fā)布時間:2021-07-19 09:42:14 來源:億速云 閱讀:193 作者:小新 欄目:互聯(lián)網(wǎng)科技

這篇文章將為大家詳細講解有關如何使用正則表達式去除所有html標簽只保留文字,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

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

標簽的格式有以下幾種

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

2.<img />

3.自定義標簽<My-Tag></My-Tag>

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

<表示尖括號

第一個\/?表示</div>這種標簽的情況

.+?表示將中間所有內容替代掉

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

/g表示全局替換

代碼如下:

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

關于“如何使用正則表達式去除所有html標簽只保留文字”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI