js处理去掉富文本编辑的html，样式，只显示纯文字内容，以供列表页使用

最新推荐文章于 2024-04-20 11:50:28 发布
最新推荐文章于 2024-04-20 11:50:28 发布
阅读量1.9w 收藏 6
点赞数 4
分类专栏： js 文章标签： javascript 文本编辑 html 
<script type="text/javascript">
	var description = '<p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">1.</span></b><b><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">国际保险经纪行业收入分析<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">2010</span><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">年全球保险经纪行业市场规模为<span lang="EN-US">437.56</span>亿美元，<span lang="EN-US">2015</span>年增长至<span lang="EN-US">581.3</span>亿美元。<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">2010-2015</span><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">年国际保险经纪行业市场规模：亿美元</span></p> <p style="margin: 19.5pt 0cm; text-indent: 24.1pt; text-align: center;"> <img alt="" src="/baoxian/userfiles/1/images/back/news/2018/01/11.png" style="width: 493px; height: 296px;" /></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">2.</span></b><b><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">国际保险经纪行业并购分析<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">保险经纪公司并购较为频繁，<span lang="EN-US">2011</span>年并购数量为<span lang="EN-US">351</span>件，且呈现增长趋势。一股保险行业的并购风潮正席卷全球各个市场。如意大利投资集团<span lang="EN-US">Exor</span>收购再保险公司<span lang="EN-US">PartnerRe</span>、韬睿惠悦与韦莱集团、韦莱与法国保险经纪公司<span lang="EN-US">GrasSavoye</span>、瑞士保险集团<span lang="EN-US">ACE</span>并购<span lang="EN-US">Chubb</span>以及美国保险公司<span lang="EN-US">Anthem</span>收购<span lang="EN-US">Cigna</span>。而这些不过是近年来保险业并购案清单的一小部分。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">然而，在热闹喧嚣的并购消息背后却是严酷的现实。波士顿咨询（<span lang="EN-US">BCG</span>）对<span lang="EN-US">1990</span>～<span lang="EN-US">2014</span>年间<span lang="EN-US">778</span>件涉及保险业的并购案进行了分析，对并购后一年内的股东总回报进行了追踪，最终发现只有<span lang="EN-US">51%</span>的并购能实际创造价值，而<span lang="EN-US">49%</span>的并购案则摧毁了公司的价值。近半数并购案失败可归咎为三大原因：并购准备和执行、并购后整合以及并购时机。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">3.</span></b><b><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">保险业持续大整合<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">未来<span lang="EN-US">5</span>年，多个宏观层面的因素将继续推动保险业进行整合。首先是监管继续收紧，尤其是对资本充足率的要求将继续提升，无论是独立保险商还是综合集团都将感到更大的资金压力。利率和投资回报将继续保持较低水平（至少在成熟市场），使传统的寿险业务盈利能力受到限制。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">此外，新兴竞争对手的威胁也不可小觑，甚至大型连锁超市和电信公司都有可能颠覆保险行业的价值链。这些企业不但拥有价值连城的消费者数据，而且拥有与客户之间的“最后一公里”连接。在新的运营模式下，传统保险企业难以掌控整条价值链，且容易成为新型商业模式的颠覆目标，例如一些网络聚合搜索产品能够为消费者提供价格透明的产品对比。<span lang="EN-US"><o:p></o:p></span></span></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">资金充裕的大型保险公司可以利用投资抵御创新带来的威胁，而那些只聚焦于内部运营，对外部变化视而不见的中型企业将面临更激烈的竞争。对于保险公司来说，了解消费者的行为和需求是至关重要的能力，然而建设必需的大数据技术、文化和团队带来的成本巨大，让规模较小的保险公司难以承受。对于保险企业来说，有机成长的机会非常有限。成熟市场已经进入到整合周期内，尽管新兴市场存在着发展机遇，但市场环境非常复杂。要在新市场形成规模效应，并购显然仍是各大保险企业的明智之选。<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">世界排名前十保险经纪公司国际业务占比<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <img alt="" src="/baoxian/userfiles/1/images/back/news/2018/01/12.png" style="width: 554px; height: 289px;" /></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">4.</span></b><b><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">国际保险经纪行业利润水平<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">目前，<span lang="EN-US">2015</span>年全球保险经纪行业收入达<span lang="EN-US">581.3</span>亿美元，国际保险经纪行业利润水平维持在<span lang="EN-US">10~25%</span>之间。<span lang="EN-US"><o:p></o:p></span></span></p>';
		description = description.replace(/(\n)/g, "");  
		description = description.replace(/(\t)/g, "");  
		description = description.replace(/(\r)/g, "");  
		description = description.replace(/<\/?[^>]*>/g, "");  
		description = description.replace(/\s*/g, "");
		console.log(description)
		

</script>

昔人'
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
基于vue的html5富文本编辑器插件.zip
07-03
基于vue的html5富文本编辑器插件.zip基于vue的html5富文本编辑器插件.zip基于vue的html5富文本编辑器插件.zip基于vue的html5富文本编辑器插件.zip基于vue的html5富文本编辑器插件.zip基于vue的html5富文本编辑器插件...
kindEditor在线HTML富文本编辑器改造版
04-17
KindEditor 是基于JavaScript 编写，可以与众多WEB应用程序结合。KindEditor 依靠出色的用户体验和领先的技术提供富文本编辑功能，是一款非常受欢迎的HTML在线编辑器。
持续集成、持续部署、持续交付、持续发布
weixin_34160277的博客
05-21 465
概念 持续 (Continuous)：不断的获取反馈，响应反馈。集成 (Integration)：编译、测试、打包；部署 (Deployment)：应用组件或基本设施的代码或配置变更在产品环境生效称为“部署”；发布 (Release)：具有业务影响的功能变化对最终用户可见称为“发布”。交付 (Delivery...
持续集成与持续部署
19年的墨先生的博客
10-13 1687
持续集成与持续部署
CI/CD：持续集成/持续部署
热门推荐
weixin_67470255的博客
08-11 1万+
CI/CD是一种通过在应用开发阶段引入自动化来频繁向客户交付应用的方法。CI/CD的核心概念是持续集成、持续交付和持续部署。指在开发过程中自动执行一系列从开发到部署的过程中，尽量减少人工的介入。具体来说，CI/CD可让持续自动化和持续监控贯穿于应用的整个生命周期（从集成和测试阶段，到交付和部署）。这些关联的事务统称为“CI/CD管道”，由开发和运维团队协同支持。CI指的是持续集成，CD指的是持续交付和持续部署。......
富文本数据只展示文字，前端必知
阿小绿的博客
07-17 2345
先看原始效果，我这里是用了v-html展示内容，如果是v-text则会直接显示源码（请看下面的代码）。 但是这样就会出现一个问题，内容样式很突兀（主要为字体）。因此我就想要，富文本数据源码格式只展示文字。 // 后端传给前端的内容 <h2>各位同事们</h2><p>新的一年已经到来，让我们撸起袖子，加油干吧!</p> 但是这样并不是前端需要的，原因我也说过了，相信每个前端人都能懂。我需要的是下面的： // 前端自己整好的同时也加上了字数限制，大于多少显示省
持续构建、持续测试、持续集成、持续部署、持续交付、持续.....“持续”到底是什么意思？...
apl359的博客
09-16 1995
虽然，读者朋友可能觉得自己已经理解这些概念了，但是，还是希望读者读完。笔者从权威的书上将这些概念的定义摘抄下来，最后给出笔者对于“持续”的理解。构建（Build）：一次构建不止是一次编译...
富文本用js过滤部分标签但保留文本内容代码！
强者惜字如金，弱者废话连篇！
08-19 652
求富文本用js过滤部分标签但保留文本内容代码！ var s = '<a href="xxx">xxxababa</a>fjaljoxox<img src="xxxx"/>fjaljfoxoxoaa<p>fjxxp</p><b>fjdlfjo</b>' s = s.replace(/<\/?(img|a)[^>]*>/gi, ''); alert(s) ...
Vue 2.0——v-text、v-html使用
专注写bug
06-29 627
再最初的进行数据信息渲染时，能够动态地将动态地渲染至指定区域显示
JS过滤（去除）富文本编辑器中的HTML标签和换行回车等标记的正则表达式
netuser1937的博客
02-10 1万+
JS过滤（去除）富文本编辑器中的HTML标签和换行回车等标记的正则表达式
正则匹配 js替换掉富文本或html中的标签和空白
yfx000的专栏
03-05 5100
js替换掉富文本中的标签和空白， 替换前  123 替换后123 目的便于不需要以富文本显示的地方，比如列表上。 app.content = app.content.replace(//g, ""); app.content = app.content.replace(/ /g, " ");
js去掉html字段中html标签和图片 富文本
zhangluludeCSDN的博客
04-23 390
var msg = content.replace(/<(p|div)[^>]*>(<br\/?>|&nbsp;)<\/\1>/gi, '\n').replace(/<br\/?>/gi, '\n').replace(/<[^>/]+>/g, '').replace(/(\n)?<\/([^>]+)>/g, '').replace(/\u00a0/g, ' ').replace(/&nbsp;/g, '
HTML前端wangEditor富文本编辑器demo（jQuery）
02-14
jQuery案例，功能丰富图片可拖拽大小，Vue可无缝嵌入，解压打开后index.html直接使用
一款纯VUE3 开发的富文本编辑器 editor
10-18
这款vue 编辑是由vue3 开发的，不存在第三方引用，拿来即可用不用添加任何外部图片js,组件，且二次开发也方便 版本为vue-property-decorator
iOS富文本编辑器(基于WKWebview实现，Editor使用WKWebview加载一个本地editor.html文件)
06-17
2. 设计思路： 编辑器基于WKWebview实现，Editor使用WKWebview加载一个本地editor.html文件，Editor使用evaluateJavaScript执行JS往本地html添加标签代码，编辑器最终输出富文本字符串(html代码)传输给服务器。...
一个小时学习javaScript
最新发布
weixin_43064364的博客
04-20 707
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
qq_43641110的博客
04-18 947
​​​​​​​。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 347
官网代码（在取消选中状态的时候不生效）
PLSQL的下载与安装
code袁的博客
04-18 495
🦁作者简介：一名喜欢分享和记录学习的在校大学生💥个人主页code袁💥个人QQ🐯个人wechat：code8896凭借其语法突出显示、SQL和PL/SQL帮助、对象描述、代码助手、编译器提示、重构、PL/SQL美化器、代码内容、代码层次结构、代码折叠、超链接导航、宏库和许多其他复杂功能，Unicode兼容编辑器甚至会吸引最苛刻的用户。手动码字，如有错误，欢迎在评论区指正💬~你的支持就是我更新的最大动力💪~
vue富文本编辑器文字去掉标签
08-08
### 回答1： 你可以使用一个名为DOMPurify的库来清除富文本编辑器中的HTML标签，它可以有效地过滤不安全的HTML标签和属性。下面是一个使用该库实现去除HTML标签的示例代码： ```javascript import DOMPurify from 'dompurify'; const dirtyHtml = '<p><span>Some</span> <b>HTML</b> <i>text</i></p>'; const cleanText = DOMPurify.sanitize(dirtyHtml, { ALLOWED_TAGS: [] }); console.log(cleanText); // Output: Some HTML text ``` 在上面的代码中，我们首先导入DOMPurify库。然后，我们创建一个包含HTML标签的字符串。接下来，我们使用DOMPurify的sanitize()方法，将其传入要保留的标签列表。在这个例子中，我们传入一个空的标签列表，这将导致所有HTML标签都被过滤掉。最后，我们输出经过过滤的纯文本。 ### 回答2： Vue富文本编辑器中要去掉标签，可以利用正则表达式或者DOM操作来实现。 方法一：利用正则表达式 可以使用正则表达式将标签去掉，示例代码如下： ```javascript function removeTags(input) { return input.replace(/<[^>]+>/g, ''); } // 使用示例 let content = '<p>这是一段带有标签的文本</p>'; let text = removeTags(content); console.log(text); // 输出：这是一段带有标签的文本 ``` 方法二：利用DOM操作 可以创建一个DOM节点，将内容作为innerHTML设置进去，然后获取节点的textContent，示例代码如下： ```javascript function removeTags(input) { let div = document.createElement('div'); div.innerHTML = input; return div.textContent || div.innerText || ''; } // 使用示例 let content = '<p>这是一段带有标签的文本</p>'; let text = removeTags(content); console.log(text); // 输出：这是一段带有标签的文本 ``` 以上两种方法都可以实现将富文本编辑器的内容中的标签去掉，得到纯文本内容。根据实际需求选择其中一种方法即可。 ### 回答3： Vue富文本编辑器的文字去掉标签，可以通过使用正则表达式或者DOM操作来实现。 一种简单的方法是使用正则表达式，通过替换标签标记来去除标签。例如，可以使用以下代码： ```javascript // 假设文本内容保存在一个名为content的变量中 content = content.replace(/<[^>]+>/g, ''); // 这将删除所有的HTML标签，只保留纯文本内容 ``` 另一种方法是使用DOM操作，将文本内容插入到一个临时的div元素中，然后获取纯文本内容。以下是一个示例代码： ```javascript // 假设文本内容保存在一个名为content的变量中 // 创建一个新的div元素 const tempDiv = document.createElement('div'); // 将文本内容插入到div中 tempDiv.innerHTML = content; // 获取纯文本内容 const plainText = tempDiv.textContent || tempDiv.innerText; // 使用plainText变量来获取只包含纯文本内容，而不包含标签 ``` 这两种方法都可以实现去除Vue富文本编辑器中的HTML标签，让文本只包含纯文本内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值