清除富文本样式

nvsky 2021-09-07 原文

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

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,\'\');        //去掉开头的换行