js 获取富文本的文本

圆圆爱喝可乐

已于 2022-07-25 14:54:44 修改

阅读量1.5k

点赞数 3

分类专栏：笔记文章标签： javascript 开发语言 ecmascript

于 2022-07-19 11:55:33 首次发布

本文链接：https://blog.csdn.net/qq1161839630/article/details/125869154

版权

笔记专栏收录该内容

21 篇文章 1 订阅

订阅专栏

js获取富文本中的文本

<h1><span style=\"color: rgb(29, 57, 196);\">xxx我是富文本~~~·</span></h1>

		getText(str) {
				if (!str) {
					return
				}
				return str
					.replace(/<[^<>]+>/g, "")
					.replace(/&nbsp;/gi, "");
			}
//   xxx我是富文本~~~·

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

圆圆爱喝可乐

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js 获取富文本的文本

js获取富文本中的文本
复制链接

扫一扫

专栏目录

js获取UEditor富文本编辑器中的图片地址

10-15

主要介绍了js获取UEditor富文本编辑器中的图片地址,最简单的思路应该是先获取UEditor中的内容再将获取到的字符串转换成jquery对象，选择器找到img元素，获取src值

js获取富文本内容长度_富文本编辑器带有标签文字，限制字数后多余文字截断的问题...

weixin_42097508的博客

01-27

2417

目前在用编辑器simditor，现在的一个需求是要给这个编辑器加一个字数限制。能实时获取到当前编辑器内的value，例如：123456假如我限制五个字数的话，截断之后应为：12345统计字数很简单，只需要过滤掉标签，然后看过滤后的文本的长度就可以了。但是在截断带有标签文本就犯难了，我该怎样准确又快捷的找到应该截断的位置呢？曾经想到过一种取捷径的方法。就是在每次编辑器内值改变的时候(onValueC...

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

js提取富文本纯文字

热门推荐

最初的模样

03-12

1万+

在实现新闻管理时用到了百度的UEditor编辑器，之前也用过，阅读文档然后操作是没出现任何问题的（使用form表单提交）。现在是想用js获取UEditor内容然后用ajax实现异步提交，死活都get不到UEditor的内容。网上查找资料都说使用editor.getContent()方法获取文本内容。还是获取不到。弄了很久还是没有解决，问题放一边，第二天再看的时候突然就有思路了。页面样式： ...

JS富文本字符串获取文本

随身笔记

05-24

884

富文本

js提取富文本文字字符串内容

qq_27161847的博客

05-20

932

js提取富文本文字字符串内容

JS提取富文本内容中的纯文字

weixin_40758850的博客

08-02

5987

//转意符换成普通字符 function convertIdeogramToNormalCharacter(val: string) { const arrEntities = {'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'}; return val.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];}); } // .

富文本中提取文本的方法分享

qq_25073223的博客

06-07

2681

富文本中提取文字的方法分享

js处理富文本

xxc_yc的博客

12-14

1509

前端js处理富文本

js获取富文本中的第一张图片(正则表达式)

10-15

主要介绍了js获取富文本中的第一张图片url正则表达式及去除字符串里面的html标签的正则公式,需要的朋友可以参考下

layui 富文本编辑JS文件

11-13

富文本编辑器是网页中常用的一种组件，用于提供用户编辑和格式化文本的功能。在layui中，我们可以集成第三方的富文本编辑器，如TinyMCE，来满足这一需求。 TinyMCE是一个强大的开源富文本编辑器，支持多种语言，...

uniapp富文本编辑器.zip

01-17

本文将深入探讨如何在uniapp中实现一个功能完善的富文本编辑器，包括编辑器的美化、内容获取、事件监听等关键点。一、uniapp框架介绍 uniapp是一款由DCloud开发的跨端框架，基于Vue.js语法，可一次编写，多端运行...

UEUM百度富文本框js源码

12-17

**UEUM百度富文本框js源码详解** UEUM百度富文本框，是百度公司推出的一款强大的在线文本编辑器，其全称为UEditor。这款编辑器以其易用性、功能全面和良好的兼容性受到了广大开发者的青睐。在本文中，我们将深入...

在JS里面实现富文本编辑并在页面展示富文本内容

AROUND

04-30

882

来实现基本的富文本编辑功能，但为了获得更丰富的功能和更好的兼容性，通常推荐使用成熟的第三方库，如TinyMCE、CKEditor、Quill、Froala Editor等。以上就是使用JavaScript实现富文本编辑并在页面展示内容的基本步骤。根据实际需求选择合适的富文本编辑器库，可以极大地简化开发过程并提升用户体验。当需要获取编辑器中的内容并在页面其他部分展示时，可以通过编辑器提供的API来获取HTML内容，并设置到另一个元素中。来实现简单的格式化，但请注意这种方法的功能和兼容性有限。

获取富文本编辑器的内容

cp_123321的博客

02-18

1809

获取纯文本内容的方法： 1.editor.getContentTxt(); 获取编辑器中的纯文本内容,没有段落格式 2.editor.getPlainTxt(); 得到编辑器的纯文本内容，但会保留段落格式 3.获取获取html的方法： editor.getContent(); 设置编辑器的内容 setContent(Stringhtml) ...

利用 javascript 实现富文本编辑器

嘿嘿

02-15

1346

近期项目中需要开发一个兼容PC和移动端的富文本编辑器，其中包含了一些特殊的定制功能。考察了下现有的js富文本编辑器，桌面端的很多，移动端的几乎没有。桌面端以UEditor为代表。但是我们并不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。准备阶段在现代浏览器中已经为我们准备...

jQuery如何获取富文本框中的内容

Derllk的博客

03-17

6793

jQuery如何获取富文本框中的内容

js获取富文本编辑框是否有内容

u011511086的专栏

10-24

989

【代码】js获取富文本编辑框是否有内容，正则表达式检查内容。

从富文本中提取内容

skyy_zhang的博客

08-20

3930

1、提取文字内容，没能成功排除，但暂时记一个方法； function getWordfromrch(html){ return html.replace(/<(p|div)[^>]*>(<br\/?>| )<\/\1>/gi, '\n').replace(/<br\/?>/gi, '\n') .replace(/<[...

springboot 获取富文本编辑器中href的内容

06-11

要获取富文本编辑器中href的内容，可以使用Jsoup解析HTML文档，具体步骤如下： 1. 获取富文本编辑器中的HTML代码，可以使用JavaScript的document对象的innerHTML属性获取。 2. 使用Jsoup将HTML代码解析为Document对象。 3. 使用Jsoup的select方法选择所有包含href属性的a标签。 4. 遍历所选中的a标签，使用attr方法获取href属性的值。 5. 对href属性的值进行处理，获取所需的内容。下面是一个示例代码： ```java // 获取富文本编辑器中的HTML代码 String html = "<p><a href=\"http://www.csdn.net\">CSDN</a>是一个专业的技术社区。</p>"; // 使用Jsoup将HTML代码解析为Document对象 Document doc = Jsoup.parse(html); // 使用Jsoup的select方法选择所有包含href属性的a标签 Elements links = doc.select("a[href]"); // 遍历所选中的a标签，使用attr方法获取href属性的值 for (Element link : links) { String href = link.attr("href"); // 对href属性的值进行处理，获取所需的内容 if (href.startsWith("http://")) { String content = href.substring(7); System.out.println(content); // 输出：www.csdn.net } } ``` 注意：需要在项目中引入Jsoup的依赖，例如Maven的依赖如下： ```xml <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.14.1</version> </dependency> ```

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交