小程序本身並不太支持html代碼，比如html的img、span、p這個時候改這麽辦呢？需要用到一個小插件WxParse來實現。

一：下載：https://github.com/icindy/wxParse

二：將wxParse文件夾粘貼到項目

三：引入文件

index.js文件中引入

var WxParse = require(‘../wxParse/wxParse.js‘);

onLoad: function (e) {
    var article = ‘<div>我是HTML代碼<img src="http://image.chunshuitang.com/goods/401078.jpg"></img></div>
 
‘;
    WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);   // 實例化對象
    
  }, 

index.wxss

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

index.wxml

<import src="../wxParse/wxParse.wxml" />   // 引入文件

拓展：在實際應用中wx.request和wxParse一起使用有可能會出現，ajax請求屬於同步與異步的問題，解決辦法如下

onLoad: function (e) {
    // 設置全局變量 商品id
    var that = this;
    that.gid = e.gid;
    
    // 獲取詳情
    that.requestGoodsInfo(that.gid);
    //console.log(that.data);

    //如果wxparse放這裏，會出現數據為空（ajax異步這裏是沒有數據的）;
    //var article = ‘<div>我是HTML代碼<img src="
 
http://image.chunshuitang.com/goods/401078.jpg"></img></div>‘;
    //WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);
    
  }, 

  // swiper  幻燈片
  
  // 獲取詳情
  requestGoodsInfo:function(gid){
    var that = this;
    var goodsInfo = api.url.goodsInfo;
    //console.log(goodsInfo);
    wx.request({
      url: "https://api.xxx.com/goods/index",
      method:‘get‘,
      data:{gid:gid},
      success:function(res){
        //console.log(res.data.data);
        if(res.data.code ==0){
          that.setData({
            goods: res.data.data
          })
　　　　　　// 這裏是完美方案
          //var article = ‘<div>我是HTML代碼<img src="http://image.chunshuitang.com/goods/401078.jpg"></img></div>‘;    // 這裏是文字版
          var article = res.data.data.content;     // 這裏是ajax請求數據
          WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);
        }else{
          wx.showLoading({
            title: ‘數據出現故障‘,
            duration: 1000,
          })
        }
      },
      fail:function(){
        wx.showLoading({
          title: ‘網絡出現故障‘,
          duration: 1500
        })
      }
    })
  },

其它：

- wxParse/
  -wxParse.js(必須存在)
  -html2json.js(必須存在)
  -htmlparser.js(必須存在)
  -showdown.js(必須存在)
  -wxDiscode.js(必須存在)
  -wxParse.wxml(必須存在)
  -wxParse.wxss(必須存在)
  -emojis(可選)

微信小程序WxParse解析html代碼