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

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

下載地址

github下載地址

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

開始使用

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

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

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

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

對應(yīng)的js中

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

一個頁面多處用到的時候需要這樣調(diào)用

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

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

總結(jié)

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

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