微信?程序——wxParse使??法

• wxParse是?個微信?程序富?本解析組件。現在?程序???帶了?個組件也能解析富?本，但是表現不盡?意。
  所以我還是采?的wxParse來解析富?本的。下載 wxParse，解壓，將 wxParse 放??程序中。
  如下圖：
  [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-6S4h36Y0-1656985631916)(wxParse_files/1.jpg)]

• 在你需要引?這個插件的 wxml ?件中引? wxParse.wxml，路徑根據你實際情況修改。
  <import src="../../../wxParse/wxParse.wxml"/>

• 在你需要引?這個插件的 wxss ?件中引? wxParse.wxss,路徑根據你實際情況修改。
  @import "../../../wxParse/wxParse.wxss";

• 在你需要引?這個插件的 js ?件中引? wxParse.js,路徑根據你的實際情況更改。
  var WxParse = require('../../../wxParse/wxParse.js');

• 將你需要解析的內容進?解析

* WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName綁定的數據名(必填) * 2.type可以為html或者md(必填) * 3.data為傳?的具體數據(必填) * 4.target為Page對象,?般為this(必填) * 5.imagePadding為當圖??適應是左右的單?padding(默認為0,可選) */ let that=this; WxParse.wxParse('引?的時候的名字,如courseDetail', 'html', '你需要解析的數據,如courseDetailContent', that, 5)

• 在 wxml ?件中引?你解析出來的數據

//這?的courseDetail就是你上?的bindName <view> <template is="wxParse" data="{{wxParseData:courseDetail.nodes}}"/> </view>

總結

以上是生活随笔為你收集整理的微信⼩程序——wxParse使⽤⽅法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。