小程序解析html - 使用wxParse 解析

第一步:去 https://github.com/icindy/wxParse 下载wxParse,注意:只拷贝wxParse文件夹

第二步:
1、引入wxss

@import “../wxParse/wxParse.wxss”;

2、引入wxml

<import src="../wxParse/wxParse.wxml"/>

<view class="wxParse">
        <template is="wxParse" data="{{wxParseData:article_content.nodes}}"/>
</view>

3、引入js并加载数据

var app = getApp();
var WxParse = require('../wxParse/wxParse.js');
Page({
  data: {
    motto: 'jxcat',
    serverUrl: app.globalData.ajaxUrl,
    baseUrl: app.globalData.baseUrl,
    title: "文章详情",
    article_title: "",
    article_content: "",
  },

  onLoad: function (options) {
   var that = this
   var result
   //serverUrl = app.globalData.ajaxUrl
    wx.request({
      url: app.globalData.ajaxUrl, 
      data: {
        m: 'api',
        c: 'article' ,
        a: 'info',
        aid: options.aid
      },
      header: {
          'content-type': 'application/json'
      },
      success: function(res) {
          that.setData({
            article_title:res.data.article_title,
            article_content:WxParse.wxParse('article_content', 'html', res.data.article_content, that, 5)
          })  
      }
    })
    //request
  }
})

猜你喜欢

转载自blog.csdn.net/weixin_35773751/article/details/80307960
今日推荐