微信小程序富文本插件WxParse使用

微信小程序可以用前端的來實現的但是，有的情況可能需要微信小程序和前端的其他項目保持一致，一些富文本內容或者接口返回的是html格式的數據或者是md格式的數據這就需要用到微信小程序的富文本插件了
這就需要用到wxParse這個小程序插件了

下載地址

github下載地址

到達github后直接在里面找到此文件就ok了，這就是我們需要的文件

開始使用

1、將文件直接放到微信小程序的項目包中
2、使用在頁面中使用的時候，將文件引入

//在需要的頁面中引入樣式 //需要用到的頁面中的wxss中 @import "../../wxParse/wxParse.wxss"; //需要用到的頁面中的js中 let WxParse = require('../../wxParse/wxParse.js'); //也可以直接在app.wxss中直接引入

3、使用在相應的頁面使用的時候先給一個展示的盒子

//此處data="{{wxParseData:articlea.nodes}}" 中的articlea是你在后臺js中配置的名字<import src="../../wxParse/wxParse.wxml" /><template is="wxParse" data="{{wxParseData:articlea.nodes}}" />

對應的js中

//此處的article和頁面中調用的時候名字一直 WxParse.wxParse('article', 'html', data.Description, that, 0); //此處所傳參數的意思 /** * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName綁定的數據名(必填) * 2.type可以為html或者md(必填) * 3.data為傳入的具體數據(必填) * 4.target為Page對象,一般為this(必填，注意wx中嵌套過深的時候自定義this) * 5.imagePadding為當圖片自適應是左右的單一padding(默認為0,可選) */

一個頁面多處用到的時候需要這樣調用

在wxparse中的源碼中可以看看他是使用什么樣的方式來實現

使用的正是我們微信小程序中定義工具的方法實現的
所以能看到這里的朋友你可以花費點空閑的時間看看源碼

總結

以上是生活随笔為你收集整理的微信小程序富文本插件WxParse使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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