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

最新推荐文章于 2024-05-09 15:55:35 发布
最新推荐文章于 2024-05-09 15:55:35 发布
阅读量2.5k 收藏 2
点赞数 3
文章标签： javascript html 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47888106/article/details/133771594
版权

前几天，我手里的一个项目需要将富文本的所有 html 标签转换成纯文本展示在列表详情字段，由于富文本可以编辑一些视频图片等乱七八遭的样式，所以产品提出在列表展示详情的时候需要只提取html纯文本！
 

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

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

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


 

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

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




 

3. 使用 html-to-text npm 包

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

安装：

npm install html-to-text

使用：

PLAN B!
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
将富文本转化为纯文字，新闻更多，只显示一部分新闻详情的时候使用
cxy_x的博客
07-04 3005
$content_01 = $data["content"];//从数据库获取富文本content $content_02 = htmlspecialchars_decode($content_01)//把一些预定义的 HTML 实体转换为字符 $content_03 = str_replace(" ","",$content_02);//将空格替换成空 $contents = s
将富文本转换为普通文本
我的博客
09-21 1408
将富文本转换为普通文本。
使用JavaScript将富文本HTML转换为纯文本
最新发布
sg_knight的专栏
05-09 719
在Web开发中，我们经常需要处理HTML内容，但有时为了特定的目的，比如文本处理、搜索或显示在非HTML环境中，我们可能希望将富文本HTML转换为纯文本。这里，我们将探讨如何使用JavaScript来实现这一功能。
Html 转换 Txt
sunrock的专栏
04-19 1277
在网上找了很多关于这方面的资料，包括很多开源工具。但是最后发现Android类 android.text.Html 里有这样一个方法：//Returns displayable styled text from the provided HTML string.static Spanned fromHtml(String source)就是当传入html格式的source后，
C# 富文本(html、Markdown)转纯文本
Gyp郭小帅的博客
10-12 538
富文本编辑器 ----- html标记语言 Markdown。
富文本转文本-java过滤字符串html标签的几种方案
瑶山的博客
01-14 3304
场景 公告内容是保存的是富文本, 有个地方要展示缩略内容, 过滤下标签 方案 方案1 import java.io.*; import javax.swing.text.html.HTMLEditorKit; import javax.swing.text.html.parser.ParserDelegator; /** * @author admin * @version 1.0 * @date 2022/01/12 09:57 */ public class Test extend
富文本转为纯文本
星海浮沉的成长路
05-10 1532
富文本转为纯文本 import java.util.regex.Matcher; import java.util.regex.Pattern; /** * 富文本转为纯文本本 */ public class Html2Text { private static final Pattern p_html = Pattern.compile("<[a-zA-z]{1,9}((?!>).)*>", Pattern.CASE_INSENSITIVE); private
markdown与富文本在线转换
热门推荐
water Wang
10-24 2万+
背景：工作中已经习惯markdown，但是有的网站还是使用富文本编辑，就需要将原本的markdown修改为富文本； 1，按照google插件 在谷歌商店应用商店搜索“Markdown Here”并下载安装，如下图 2，在线转换 在富文本编辑窗口，选择需要转换的markdown内容，然后点击“markdown here” 3，效果展示 ...
C#实现将HTML转换成纯文本的方法
09-03
在C#编程中，将HTML转换为纯文本是一项常见的任务，尤其在处理网页内容或邮件正文时。这个过程主要是为了去除HTML标记，保留文本内容，以便于后续的处理或者显示。下面我们将详细介绍如何使用C#自定义类实现HTML到纯...
readability2：Readability2将HTML转换为纯文本
02-03
可读性2 将HTML转换为纯文本。 实际观看 （早期访问） 安装 yarn add readability2
str2js:将纯文本转换为JavaScript字符串文字
05-24
str2js 将纯文本转换为JavaScript String Literals，主要用于将html文本作为js模块
HTML转换JAVASCRIPT在线工具源代码
03-18
我们很多朋友在做网页的时候需要用到JAVASCRIPT调用页面，我们可以先做成HTML文本然后通过在线转换工具解决。我们在很多个人网站也有看到这样的功能，但是都希望自己博客/网站有这样的功能，然后自己使用的时候非常...
JavaScript转换二进制编码为ASCII码的方法
10-24
在JavaScript中，转换二进制编码为ASCII码是编码处理的一部分，主要涉及到计算机科学中的二进制和字符编码。ASCII（American Standard Code for Information Interchange，美国信息交换标准代码）是一种基于拉丁字母...
html转换成纯文本,你如何将Html转换为纯文本？
weixin_35673514的博客
06-02 2157
19 个答案:答案 0 :(得分：81)var plainText = HtmlUtilities.ConvertToPlainText(string html);输入一个HTML字符串，如hello, world!你会得到一个纯文本结果，如：hello world!答案 1 :(得分：37)我无法使用HtmlAgilityPack，所以我为自己写了第二个最佳解决方案private static ...
html怎么转换为txt,html怎么转换成txt
weixin_32110907的博客
05-30 7766
大家好，我是时间财富网智能客服时间君，上述问题将由我为大家进行解答。html转换成txt的方法如下：1、首先使用快捷键“windows+E”打开“我的电脑”。2、在“工具”栏,点击“文件夹选项”。3、转到“查看”选卡。4、勾去“隐藏已知文件类型的扩展名”,这一项,再点击“确定”。5、将准备好的网页文件进入“重命名”状态。6、再将“html”或“htm”改成“txt”后,在提示框内选择“是”即可。超...
js提取html字符串的文本（去html标签）
weixin_42501961的博客
08-19 9936
html_str = “1234567891011121314151617181920” 正则提取（正常思维） var re = new RegExp(’<[^<>]+>’,‘g’); var text = html_str.replace(re ,""); //或 var text = html_str.replace(/<[^<>]+>/g,""...
使用正则表达式将Html转换为纯文本
西井学习笔记
02-21 4245
在网页刚流行起来的时候，提取html中的文本有一个简单的方法，就是将html文本（包含标记）中的所有以“”符号之间的内容去掉即可。但对于现在复杂的网页而言，用这种方法提取出来的文本会有大量的空格、空行、script段落、还有一些html转义字符，效果很差。下面用正则表达式来提取html中的文本，代码的实现的思路是：a、先将html文本中的所有空格、换行符去掉（因为html中的空格和换行是被忽略的
c#把html格式转换文本
每天学习一点点
06-18 1949
/// <summary> /// html格式转换文本格式 /// </summary> /// <param name="input">待转换的HTML文本</param> /// <returns>纯文本</returns> ...
将markdown文本内容转换为html
05-23
可以使用各种编程语言和库来将Markdown文本转换为HTML，以下是一些常用的方法： 1. 使用Python的Markdown库： ```python import markdown markdown_text = "## This is a header\n\nThis is some **bold** text." html = markdown.markdown(markdown_text) print(html) ``` 2. 使用Javascript的Marked库： ```javascript var markdownText = "## This is a header\n\nThis is some **bold** text."; var html = marked(markdownText); console.log(html); ``` 3. 在网页中使用marked.js： ```html <!DOCTYPE html> <html> <head> <title>Markdown to HTML</title> <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> </head> <body> <div id="markdown-content"></div> <script> var markdownText = "## This is a header\n\nThis is some **bold** text."; var html = marked(markdownText); document.getElementById('markdown-content').innerHTML = html; </script> </body> </html> ``` 以上代码均可以将Markdown文本转换为HTML，具体使用哪种方法取决于你的项目需要和使用的语言。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值