Javascript | 3种 HTML 转换为纯文本的方法

Javascript | 3种 HTML 转换为纯文本的方法前几天 我手里的一个项目需要将富文本的所有 html 标签全部删除 得到纯文本后再存储到数据库中 在一系列得搜索操作之后 我找到了实现这个目的的几种方法 在这里我分享给大家 当你遇到同样的情况兴许也能用的上 1 使用

大家好,欢迎来到IT知识分享网。

前几天,我手里的一个项目需要将富文本的所有 html 标签全部删除,得到纯文本后再存储到数据库中。在一系列得搜索操作之后,我找到了实现这个目的的几种方法,在这里我分享给大家,当你遇到同样的情况兴许也能用的上。

1. 使用 .replace(/<[^>]*>/g, ”)

这个方法是从文本中去除 html 标签最简单的方法。它使用字符串的方法 .replace(待替换的字符串,替换后的字符串) 将 HTML 标签替换成空值。 /g 是表示替换字符串所有匹配的值,即字符串中所有符合条件的字符都将被替换。

这个方法的缺点是有些 HTML 标签不能被剔除,不过它依然很好用。

Javascript | 3种 HTML 转换为纯文本的方法

2. 创建临时DOM元素并获取其中的文本

这种方法是完成该问题的最有效的方法。创建一个临时 DOM 并给他赋值,然后我们使用 DOM 对象方法提取文本。

Javascript | 3种 HTML 转换为纯文本的方法

3. 使用 html-to-text npm 包

html-to-text 这个包的功能很全了,转换也有许多的选项比如:wordwrap, tags, whitespaceCharacters , formatters 等等。

安装:

npm install html-to-text

使用:

Javascript | 3种 HTML 转换为纯文本的方法

最后感谢阅读,如果此文对您有帮助,请点赞或添加关注。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/183441.html

(0)
上一篇 2025-07-16 11:33
下一篇 2025-07-16 11:45

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信