使用正則表達(dá)式去除所有html標(biāo)簽只保留文字
更新時(shí)間：2018年07月02日 15:55:00 作者：0帶帶大師兄0
這篇文章主要介紹了使用正則表達(dá)式去除所有html標(biāo)簽只保留文字效果，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
后臺(tái)將富文本編輯器中的內(nèi)容返回到前端時(shí)如果帶上了標(biāo)簽，這時(shí)就可以利用這種方法只保留文字。
標(biāo)簽的格式有以下幾種
1.<div class="test"></div>
2.<img />
3.自定義標(biāo)簽<My-Tag></My-Tag>
針對(duì)以上幾種標(biāo)簽，確定的正則的規(guī)則是 reg=/<\/?.+?\/?>/g
<表示尖括號(hào)
第一個(gè)\/?表示</div>這種標(biāo)簽的情況
.+?表示將中間所有內(nèi)容替代掉
第二個(gè)\/?表示<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)簽只保留文字,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
正則表達(dá)式實(shí)現(xiàn)與或非關(guān)系【推薦】
這篇文章主要介紹了正則表達(dá)式實(shí)現(xiàn)與或非關(guān)系,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
詳解正則表達(dá)式之?dāng)?shù)字驗(yàn)證
這篇文章將介紹一些常用的數(shù)字驗(yàn)證方法，包括整數(shù)驗(yàn)證、國(guó)內(nèi)電話號(hào)碼驗(yàn)證、身份證號(hào)碼驗(yàn)證、以及IP地址驗(yàn)證等等驗(yàn)證方法,有興趣的可以了解一下。2016-12-12
正則表達(dá)式(regular expression abbr. regex) 功能強(qiáng)大，能夠用于在一大串字符里找到所需信息。它利用約定俗成的字符結(jié)構(gòu)表達(dá)式來(lái)發(fā)生作用2011-11-11
對(duì)于正則表達(dá)式，我們或許會(huì)經(jīng)常使用，但是又很難記住。這篇文章，我將介紹下簡(jiǎn)單的正則表達(dá)式知識(shí)，然后總結(jié)前端開(kāi)發(fā)中常用的正則表達(dá)式大全，需要的的朋友參考下2017-07-07![[js]用JAVASCRIPT正則表達(dá)式限制文本字節(jié)數(shù)的代碼](http://img.jbzj.com/images/xgimg/bcimg4.png)
[js]用JAVASCRIPT正則表達(dá)式限制文本字節(jié)數(shù)的代碼
[js]用JAVASCRIPT正則表達(dá)式限制文本字節(jié)數(shù)的代碼...2007-11-11
正則表達(dá)式，又稱正規(guī)表示法、常規(guī)表示法（英語(yǔ)：Regular Expression，在代碼中常簡(jiǎn)寫(xiě)為regex、regexp或RE），計(jì)算機(jī)科學(xué)的一個(gè)概念，接下來(lái)通過(guò)本文給大家介紹去掉字符串前后所有空格的正則表達(dá)式，需要的朋友參考下吧2016-03-03
使用正則表達(dá)式去除所有html標(biāo)簽只保留文字
這篇文章主要介紹了使用正則表達(dá)式去除所有html標(biāo)簽只保留文字效果，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-07-07
這篇文章主要介紹了關(guān)于.*匹配和.*?匹配的區(qū)別,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-08-08
正則表達(dá)式的神奇世界之表達(dá)、匹配和提取全解析
這篇文章主要給大家介紹了關(guān)于正則表達(dá)式的神奇世界之表達(dá)、匹配和提取的相關(guān)資料,正則表達(dá)式是由一些特定的字符組成,代表一個(gè)規(guī)則,可以用來(lái)檢驗(yàn)數(shù)據(jù)格式是否合法,也可以在一段文本中查找滿足要求的內(nèi)容,需要的朋友可以參考下2024-02-02
這篇是一篇關(guān)于PHP正則表達(dá)式基礎(chǔ)入門的文章，教大家如何學(xué)習(xí)php正則表達(dá)式，從而真正的掌握php正則表達(dá)式，感興趣的小伙伴們可以參考一下2015-11-11