从html富文本中提取纯文本

最新推荐文章于 2024-11-10 16:34:00 发布

转载最新推荐文章于 2024-11-10 16:34:00 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/fengxi__/article/details/79297773

文章标签：

#vue.js #javascript

javascript 同时被 2 个专栏收录

38 篇文章

订阅专栏

html

27 篇文章

订阅专栏

本文介绍了如何从HTML富文本中提取纯文本，主要方法是利用正则表达式去除HTML标签。通过匹配并替换`<...>`形式的标签，可以得到不带样式的文本内容，这对于数据处理和文本分析等场景非常有用。

其实从html富文本中提取纯文本很简单，富文本基本上是使用html标签给文本加上丰富多彩的样式。

所以只需要将富文本字符串中的“<.....>”标签剔除，即可得到纯文本。我们可以使用正则表达式，来匹配所有的html标签，并替换成空字符，如下：//html剔除富文本标签，留下纯文本


function getSimpleText(html){

 //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
var re1 = new RegExp("<.+?>","g")

//执行替换成空字符
var msg = html.replace(re1,'')
return msg;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TwoBE9876

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

提取富文本的纯文字内容

易的博客

12-28

918

【代码】提取富文本的纯文字内容。

【正则】使用正则将富文本编辑器标签转化成纯文本，并只显示前两行内容，其它变为省略号。富文本内容只显示前两行

AAAXiaoApple的博客

09-26

1113

如果第一张是图片，随后才是文字的话，v-html 也会直接把图片渲染出来，目前不想把图片渲染出来。新闻列表，显示详情的前两行，如果都是文字好处理。2、将富文本编辑器生成的文本进行替换。

2 条评论您还未登录，请先登录后发表或查看评论

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

qq_47888106的博客

10-11

4860

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

java提取富文本中的中文，文本

zlhmeng的博客

07-10

3276

当遇到这个需求的时候第一反应就是使用正则的！进行非匹配筛选，看了一些别人写的，表示看不懂。。。然后有点投机取巧的意思可以把不要的匹配出来然后在替换掉提取文本思路：去掉所有标签 /** * @Description: 去掉富文本标签 * @param content 富文本 * @Author: zlh * @Date: 2020/7/10 10:06 * @Return java.lang.String */ public Strin

获取富文本编辑器的纯文本内容

admin_mvip的博客

06-19

6862

发布新闻等信息时，必然会用到富文本编辑器。然而我们在前端页面展示的时候，可能需要把内容文字提取出来，作为简介使用；又或者把图片提取一张作为封面图片使用。解决方案； 1 提取文本或者封面图片存入数据库中 (1)在前端处理文字传给后台这里我使用的是kindeditor编辑器，方法如下： var text = editor.text(); alert这个值会发现，图片没有被处理掉，所以用js手动再...

富文本中提取纯文本

EnidChann的博客

03-23

925

getSimpleText (html) { let re1 = new RegExp('<.+?>', 'g') let msg = html.replace(re1, '') msg = msg.replace(' ', '') return msg }

Java实现从Html文本中提取纯文本的方法

08-27

Java实现从Html文本中提取纯文本的方法在本文中，我们将介绍Java实现从Html文本中提取纯文本的方法。提取纯文本是指从Html文档中去掉所有的Html标签，只保留原始的文本内容。这种技术在实际应用中非常有用，例如从...

从富文本(html字符串)中获取图片,从html富文本中提取纯文本

05-13

从富文本中提取纯文本可以使用Python内置的html模块进行解析，然后通过遍历解析后的节点树获取文本内容。示例代码如下： ```python from html.parser import HTMLParser class MyHTMLParser(HTMLParser): def __...

django 实现后台从富文本提取纯文本

09-16

### Django 实现后台从富文本提取纯文本 在开发基于Django框架的Web应用时，经常需要处理富文本数据。特别是在涉及用户输入如博客文章、评论等场景时，富文本编辑器提供了丰富的排版功能，使得用户能够方便地编辑...

富文本中提取信息并去除其中的HTML或XML标签

在那一刻，我们或许会发现自己站在了时间的另一岸，以更加成熟和宽广的胸怀，去拥抱那份隔代相传的深情。

07-15

1185

要从富文本中提取信息并去除其中的HTML或XML标签，可以使用不同的编程语言和库。

HTML 文本和链接提取

05-14

修改codeproject上的 MilHtmlParser的部分小BUG,增加文本提取和链接提取

从富文本获取纯文本

Mr_Yanghao的博客

08-30

2267

function getSimpleText($str = '') { if (!empty($str)) { $content_02 = htmlspecialchars_decode($str);//把一些预定义的 HTML 实体转换为字符 $content_03 = str_replace("&nbsp;", "", $content_02);...

web前端将富文本HTML转换为纯文本

最新发布

a3212768093的博客

11-10

885

富文本HTML的处理以及使用

提取html中的文本

qq_42859450的博客

01-20

2013

// html转化为纯文本，筛选掉img const ToText = (HTML) => { var input = HTML; return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, '').replace(/<[^>]+?>/g, '').replace(/\s+/g, '').replace(/ /g, '').replace(/>/g, ''

将富文本html内容转换为纯文本,并限制展示字数长度

sg_knight的专栏

11-06

2260

1、将富文本html内容转换为纯文本 formatrichtext = (richtext, len = 0) => { let content = richtext.replace(/<.+?>/g, ''); content = content.replace(/ /ig, ''); /* 去除 */ content = content.replace(/\s/ig, ''); /* 去除空格 */ return content;

c# 富文本转为纯文本

guigenyi的专栏

04-30

2438

项目开发过程中，我们往往会有这样的需求：需要提取用户上传的富文本中的纯文本内容。这时可以写一个StringExtension，扩展String类。 using System; using System.Text; using System.Text.RegularExpressions; namespace CodeIo.Infrastructure.Uitl.Extensions { public static class StringExtension { ///

自己动手实现html去标签和文本提取

weixin_34199405的博客

06-02

544

随意观看工具准备全角和半角字符网页字符实体 Code实现之后... 工具准备 python3.6 正则表达式(别的语言思路一样，容易借鉴) python正则表达式：flags的应用这里主要介绍一下re.compile(pattern[, flags])里面的flags用法标识符作用 re.I 忽略大小写 re.L 表示特殊字符集 \w, \W, \b,...

C# 富文本(html、Markdown)转纯文本

Gyp郭小帅的博客

10-12

746

富文本编辑器 ----- html标记语言 Markdown。

富文本轉換為純文本

Dionysussss的博客

10-09

397

難點： 富文本會換行的地方在純文本中不會換行。