欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-14 15:16:40
...

首先去 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
  }
})

 
 
相关标签: 小程序