微信小程序/富文本解析器

最近遇到一个坑：

后台配置了富文本html代码，微信小程序中解析有各种问题：

1. taro自带的html解析，效果差，图片出不来
2. 微信rich-text组件，效果好，但是无法给图片绑定点击预览事件，也无法长按识别保存等。

找来找去。找到一个库
https://github.com/jin-yufeng/mp-html
由于我使用的是taro+react版，参考第三方插件的使用方法如下。成功填坑

使用方法

原生平台

• npm 方式

  1. 在项目目录下安装组件包

     npm install mp-html

  2. 开发者工具中勾选 使用 npm 模块 并点击 工具 - 构建 npm

  3. 在需要使用页面的 json 文件中添加

     {
       "usingComponents": {
         "mp-html": "mp-html"
       }
     }

  4. 在需要使用页面的 wxml 文件中添加

     <mp-html content="{{html}}" />

  5. 在需要使用页面的 js 文件中添加

     Page({
       onLoad () {
         this.setData({
           html: '<div>Hello World!</div>'
         })
       }
     })

• 源码方式

  1. 将源码中对应平台的代码包（dist/platform）拷贝到 components 目录下，更名为 mp-html

  2. 在需要使用页面的 json 文件中添加

     {
       "usingComponents": {
         "mp-html": "/components/mp-html/index"
       }
     }

  后续步骤同上