使用正则表达式去除所有html标签只保留文字

r囧r小猫 2023-07-11 15:10 32阅读 0赞

[https://www.jb51.net/article/143017.htm][https_www.jb51.net_article_143017.htm]

# 使用正则表达式去除所有html标签只保留文字 #

这篇文章主要介绍了使用正则表达式去除所有html标签只保留文字效果，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧

后台将富文本编辑器中的内容返回到前端时如果带上了标签，这时就可以利用这种方法只保留文字。

**标签的格式有以下几种**

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

2.`<img />`

3.自定义标签`<My-Tag></My-Tag>`

针对以上几种标签，确定的正则的规则是` reg=/<\/?.+?\/?>/g`

<表示尖括号

第一个\\/?表示</div>这种标签的情况

.+?表示将中间所有内容替代掉

第二个\\/?表示<img/>这种情况

/g表示全局替换

代码如下：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 </td> 
 <td> <code>&lt;!DOCTYPE html&gt;</code> <code>&lt;html lang=</code><code>"en"</code><code>&gt;</code> <code>&lt;head&gt;</code> <code>&nbsp;&nbsp;</code><code>&lt;meta charset=</code><code>"UTF-8"</code><code>&gt;</code> <code>&nbsp;&nbsp;</code><code>&lt;title&gt;去除所有标签&lt;/title&gt;</code> <code>&lt;/head&gt;</code> <code>&lt;script&gt;</code> <code>&nbsp;&nbsp;</code><code>function</code> <code>matchReg(str){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>let reg=/&lt;\/?.+?\/?&gt;/g;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>console.log(str.replace(reg,</code><code>''</code><code>));</code> <code>&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;</code><code>matchReg(`&lt;p&gt;去除所有html标签,&lt;img/&gt;&lt;My-Tag class=</code><code>"abc"</code> <code>value=</code><code>"test"</code><code>&gt;自定义标签也可以去除哦&lt;/My-Tag&gt;&lt;/p&gt;`);</code> <code>&lt;/script&gt;</code> <code>&lt;body&gt;</code> <code>&lt;/body&gt;</code> <code>&lt;/html&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

**总结**

以上所述是小编给大家介绍的使用正则表达式去除所有html标签只保留文字,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

[https_www.jb51.net_article_143017.htm]: https://www.jb51.net/article/143017.htm