清除富文本样式


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

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删除。



猜您在找 vue修改富文本中的元素样式 php 解析富文本编辑器中的hmtl内容,富文本样式正确输出 ng4.0 使用[innerHTML]动态插入的富文本如何设置样式 禁止