技术笔记
一名已转行的程序员微信小程序使用wxParse解析html
2018-01-03 / 技术教程 / 1127 次围观 / 1 次吐槽首先去 https://github.com/icindy/wxParse 下载wxParse,只拷贝wxParse文件夹即可。
1、引入wxss
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 } })
推荐您阅读更多有关于“”的文章
Powered By Z-BlogPHP
Copyright 技术笔记 Rights Reserved.
已有1位网友发表了看法:
发表评论