清除富文本样式

有时我们会需要将富文本内容中的文字解析,比如列表预览内容等场景,利用下面的替换方式可以抽取内容中的文字部分

var text= "<p style="white-space: normal; text-align: left;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">新品信息</span></strong></p><p style="white-space: normal; text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">新品上市,将第一时间通知到会员品鉴</span></p><p style="white-space: normal; text-align: left;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">使用方法</span></strong></p><p style="white-space: normal; text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">将通过短信及微信公众号的信息推送,将新品信息送达会员</span></p><p style="white-space: normal; text-align: left;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">适用人群</span></strong></p><p style="white-space: normal; text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">所有等级会员</span></p>";  

var re1 = new RegExp("<.+?>","g");//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容
 text= text.replace(re1,'');//执行替换成空字符

另:
replace(/(<br\s?\/?>)+/gi, '$1')        //去掉重复换行
.replace(/^<br\/>|<br>/g,'');        //去掉开头的换行
 

 

posted @ 2019-06-25 16:49  某天清晨、  阅读(2616)  评论(0编辑  收藏  举报