小程序解析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
}
})