（二）支付宝小程序和微信小程序分别如何使用wxParse富文本解析html

最新推荐文章于 2021-06-10 13:40:53 发布

等不到天亮等时光灬

最新推荐文章于 2021-06-10 13:40:53 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：支付宝小程序文章标签： wxParse 支付宝小程序微信小程序

本文链接：https://blog.youkuaiyun.com/liyiliang123/article/details/90035173

支付宝小程序专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍微信小程序和支付宝小程序中使用wxParse解析HTML的方法，包括js文件中的配置、wxml文件中的引用及acss文件中的样式设置。通过具体代码示例，帮助开发者快速掌握在小程序中展示富文本的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(一) 微信小程序中 wxParse 的使用

1. js文件中

2. wxml文件中

微信小程序wxParse 下载地址 https://github.com/icindy/wxParse 或 https://github.com/liyiliang1995/wxParse

（二）支付宝小程序中 wxParse 的使用（注意支付宝使用的wxParse与微信稍有不同，下面我把改好的支持支付宝的wxParse贴出来大家可以下载使用）

支付宝小程序wxParse 下载地址 https://github.com/liyiliang1995/wxParse-1

1. js文件中

var article = '<div>我是HTML代码</div>';
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
var that = this;
WxParse.wxParse('article', 'html', article, that, 5);

2. 在acss文件中

3.在axml文件中

// 引入模板
<import src="你的路径/wxParse/wxParse.wxml"/>
//这里data中article为bindName
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>