小程序 rich-text 不支持 section 标签的情况

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/86295394

★. 背景

• 今天在查看文章显示效果时，发现部分样式的文字没有显示
• 排查原因发现：文案人员喜欢复制文章，对于其中包含 <section> 标签的文本，小程序的 <rich-text> 标签现在还不支持解析，所以想找一种简单的解决方法

编写时间 ：2019-01-11
阅读引申 ：能否让 rich-text 组件支持 section 标签

★. 解决方案

• 毕竟能用代码解决的问题，最好就自己动手，以保证用户使用的友好性

所以想到的最简单的方法就是，匹配替换 <section> 标签为 <div>，目前来看不影响文章布局显示

article_content = article_content.replace(/<section/g, '<div').replace(/\/section>/g, '/div>');

• 具体的使用方法，可以参看文章：【微信小程序 rich-text 富文本的解析显示】

补充

• 建议 微信小程序官方尽快完善 <rich-text> 对 html 标签的对应解析支持