去除富文本标签样式

1、可以通过正则匹配式，去除简单的富文本的TAG.html" target="_blank" class="relatedlink">标签样式，返回纯内容格式

// 去除富文本标签样式
const removehtmlStyle = (html) => {
const relStyle = /style\s*?=\s*?(['"])[\s\S]*?\1/g
const relTag = /<.+?>/g
const relClass = /class\s*?=\s*?(['"])[\s\S]*?\1/g
let newHtml = ''
if (html) {
newHtml = html.replace(relStyle, '')
newHtml = newHtml.replace(relTag, '')
newHtml = newHtml.replace(relClass, '')
}
return newHtml
}

复制代码

2、考虑到文本是从富编辑器中取到的数据，有时候我们可能不需要显示格式，这时候需要去除html标签，而只需要其中的文本即可。
方式一：利用innerText,jQuery利用text()
innerText会自动剔除html标签

${info.content}
<div class="fixed3" id="content_div" style="height:auto;">
简介：
</div>

复制代码

然后通过js设置值：

$("#content_body").text($(".content_hidden").text());

复制代码

方式二：利用正则表达式删除html标签：

function delHtmlTag(str){
return str.replace(/<[^>]+>/g,"");//去掉所有的html标记
}
$("#content_body").text(delHtmlTag("${info.content}"));

复制代码

3、js去除富文本默认样式

function removeTag (str, len) {
str = str.replace(/<\/?[^>]*>/g, ''); //匹配所有html标签
str = str.replace(/<p[^>]*>/g, ''); //去除标签内所有属性，并设置自定义类名
str = str.replace(/(\n)/g, '') //去除换行
str = str.replace(/\s+style="[^"]*"/g, '') //去除style样式
str = str.replace(//gi, '') //去除空格
str = str.replace(/\<img/gi, '<img class="img_class"'); //添加自定义样式
return str;
}

复制代码

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

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

复制代码

		自动登录	找回密码
密码			立即注册

去除富文本标签样式-Discuz教程下载

去除富文本标签样式

相关文章

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【原创】Discuz搜索门户文章内容实现展示栏目名称，搜索门户文章21人阅读

【原创】通过计划任务，实现Sitemap.xml地图制作58人阅读

修改Discuz!X3.5系统内置的DIY幻灯片样式177人阅读

【原创】调用帖子内容页封面图片，提升搜索引擎优化102人阅读

【原创】Discuz!X3.5版本无法访问uc_server中心解决办法453人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS743人阅读

【原创】discuz论坛首页四格，幻灯片+文字列表切换功能DIY+CSS+j2478人阅读

【原创】侧边导航栏样式，点击跳转到对应位置的DIY+CSS模块2243人阅读

【原创】分享一款html5+css3带倒计时效果并跳转指定网址的单页DI2452人阅读

【原创】分享一款横排5格免扣字体素材资源下载风格DIY+JS+CSS模2744人阅读

所属版块