清除富文本样式


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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM