小程序使用wxParse解析html

最新推荐文章于 2025-11-08 11:17:54 发布

原创最新推荐文章于 2025-11-08 11:17:54 发布 · 2.2w 阅读

3 ·

CC 4.0 BY-SA版权

网站相关的其他文章专栏收录该内容

83 篇文章

订阅专栏

本文介绍如何通过wxParse将HTML内容转换为小程序可识别的组件。主要包括：1) 在项目中导入wxParse所需的wxss、wxml及js文件；2) 通过wx.request从服务器获取HTML格式的文章内容；3) 利用wxParse.wxParse方法将HTML字符串转化为小程序能够正确渲染的数据。

首先去 https://github.com/icindy/wxParse 下载wxParse，只拷贝wxParse文件夹即可。

1、引入wxss

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

2、引入wxml

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
}
})