1、下載wxParse

github地址: https://github.com/icindy/wxParse

文件夾wxParse中：除emojis文件夾可選之外，其它必須存在

2、把wxParse文件夾放在你的項(xiàng)目目錄下，開始解析html啦

舉個栗子：xxx文件夾中

• app.wxss/xxx.wxss:引入wxParse里自帶的樣式
  @import "/wxParse/wxParse.wxss";
• xxx.js：這一步的目的是綁定數(shù)據(jù)

/**- WxParse.wxParse(bindName , type, data, target,imagePadding)- 1.bindName綁定的數(shù)據(jù)名(必填)- 2.type可以為html或者md(必填)- 3.data為傳入的具體數(shù)據(jù)(必填)- 4.target為Page對象,一般為this(必填)- 5.imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為0,可選) */ const WxParse = require('../../wxParse/wxParse.js'); var goods = data.goods;//data為從后端獲取的數(shù)據(jù) WxParse.wxParse('goods', 'html', goods, that, 0); var article = '<div>我是HTML代碼</div>';//自定義的模板 WxParse.wxParse('article', 'html', article, that, 5);

• xxx.wxml：引入模板

<import src="../../wxParse/wxParse.wxml"/> <template is="wxParse" data="{{wxParseData:bindName.nodes}}"/>

這里data中的bindName為.js中自己定義的綁定的數(shù)據(jù)名，例如上文的goods、 article，修改好即可。

總結(jié)

以上是生活随笔為你收集整理的微信小程序篇（笔记1：wxParse富文本解析的使用）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。