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

★. 背景

• 今天在查看文章显示效果时，发现部分样式的文字没有显示
• 排查原因发现：文案人员喜欢复制文章，对于其中包含 <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 标签的对应解析支持
• 【2017-07-04】
  今天发现，官方补充了对标签 <section> 的解析支持，但是依然没有对 <video> 等标签的支持，希望继续加油
  推荐文章: 富文本/渲染/显示/图文混排方案。rich-text和uparse的区别