天天看點

(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html

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

1. js檔案中

(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html
(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html

2. wxml檔案中

(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html
(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html

微信小程式wxParse 下載下傳位址   https://github.com/icindy/wxParse       或    https://github.com/liyiliang1995/wxParse

(二)支付寶小程式中 wxParse 的使用(注意支付寶使用的wxParse與微信稍有不同,下面我把改好的支援支付寶的wxParse貼出來大家可以下載下傳使用)

支付寶小程式wxParse 下載下傳位址   https://github.com/liyiliang1995/wxParse-1

1.  js檔案中

(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html
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檔案中

(二)支付寶小程式和微信小程式分别如何使用wxParse富文本解析html

3.在axml檔案中

// 引入模闆
<import src="你的路徑/wxParse/wxParse.wxml"/>
//這裡data中article為bindName
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>