微信小程序解析并展示富文本编辑器保存后的内容

最近有个产品需求：在PC端里用富文本编辑器里编写自定义内容，然后保存后需要在小程序端展示，了解过的朋友就知道了，富文本编辑器输出的内容都是基于HTML标签的，比如：div、p、br这些常用的，而小程序中使用的是类似于HTML的标签，但并不能通用！坑就在这里，两者是不通用的，所以就会遇到解析的问题。

本篇就是基于这个问题，从而实现两者的互相兼容，其实呢网上早已有解决方案，但有些不太全面，所以呢，我会把实现的具体步骤写出来，仅供参考！

假设我要实现这种效果，如下图：

上图中的内容都是富文本编辑器中生成后保存到数据库的，所以代码就会类似于下面这种↓↓↓↓↓↓：

1

<p>某某某先生:</p ><p><br></p ><p>谨代表XXX公司，真诚欢迎您加入&nbsp;研发部&nbsp;任 技术总监。</p ><p><br></p ><p>请您于 2019年 3 月 1日（星期五）上午9：00，携带以下物品，到 某某某地点处办理报到手续。</p ><p><br></p ><p>1、居民身份证原件及复印件4张；</p ><p><br></p ><p>2、毕业证书原件及复印件1张(如学生，提供有效期内学生证原件及复印件1张)；学历证书原件及复印件1张（如应届毕业生，需额外提供 就业报到证）；</p ><p><br></p ><p>3、相关证书原件及复印件1张（如需要）；</p ><p><br&