微信小程序 —— 微信小程序解析html富文本插件wxParse

下载并把wxParse放到小程序的目录中

• 下载地址

  • https://github.com/icindy/wxParse

• 把wxParse放在与page同一级目录

  

   wxParse里的emojis包是可要可不要的。

• 引用wxParse

   - wxml中

<import src="../../wxParse/wxParse.wxml" /><view class="wxParse">  <template is="wxParse" data="{{wxParseData:article.nodes}}" /></view>

    -wxss中

@import "../../wxParse/wxParse.wxss";

    -js中

onLoad: function (options) {    var that = this    wx.request({      url: app.globalData.about,      method: 'POST',      header: {        "Content-Type": "application/x-www-form-urlencoded"      },      data: {      },      success: function (res) {        console.log(res)        that.setData({          article: WxParse.wxParse('article', 'html', res.data.content, that, 5)        })      }    })  },

---

如果这样子引用，在解析图片时图片解析不出来，Console里报找不到该图片的错误，按照下面步骤配置域名：

1. 修改wxParse包里的html2json.js文件

2.添加域名

按照以上配置图片就可以显示出来了。