使用正則表達(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)站的支持!
相關(guān)文章
正則表達(dá)式實(shí)現(xiàn)與或非關(guān)系【推薦】
這篇文章主要介紹了正則表達(dá)式實(shí)現(xiàn)與或非關(guān)系,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07詳解正則表達(dá)式之?dāng)?shù)字驗(yàn)證
這篇文章將介紹一些常用的數(shù)字驗(yàn)證方法,包括整數(shù)驗(yàn)證、國內(nèi)電話號碼驗(yàn)證、身份證號碼驗(yàn)證、以及IP地址驗(yàn)證等等驗(yàn)證方法,有興趣的可以了解一下。2016-12-12[js]用JAVASCRIPT正則表達(dá)式限制文本字節(jié)數(shù)的代碼
[js]用JAVASCRIPT正則表達(dá)式限制文本字節(jié)數(shù)的代碼...2007-11-11使用正則表達(dá)式去除所有html標(biāo)簽只保留文字
這篇文章主要介紹了使用正則表達(dá)式去除所有html標(biāo)簽只保留文字效果,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友參考下吧2018-07-07正則表達(dá)式的神奇世界之表達(dá)、匹配和提取全解析
這篇文章主要給大家介紹了關(guān)于正則表達(dá)式的神奇世界之表達(dá)、匹配和提取的相關(guān)資料,正則表達(dá)式是由一些特定的字符組成,代表一個規(guī)則,可以用來檢驗(yàn)數(shù)據(jù)格式是否合法,也可以在一段文本中查找滿足要求的內(nèi)容,需要的朋友可以參考下2024-02-02