微信小程序插件功能的有效實現方法

我們在做小程序開發時,比如說在編輯器裏裏面編輯了一段內容,輸出網頁版只需要htmlspecialchars_decode()函數就可以搞定了,但是輸出小程序就並不是那麼簡單了,必須要使用wxParse插件才能完成。下面是鄭州小程序開發公司燚軒科技導入插件的使用方法:

在wxml中引入,代碼如下:

{{title}}

在wcss中引入,代碼如下:

@import "/wxParse/wxParse.wxss";

.title{

/* border:solid #000 1rpx; */

width: 100% ;

text-align: center;

background-color: #fff;

font-size: 30rpx;

height:80rpx;

line-height: 80rpx;

}

.content{

/* border:solid #000 1rpx; */

width: 100% ;

margin-top:20rpx;

height: 100%;

background-color: #fff;

font-size: 25rpx;

padding:20rpx;

}

在js中引入,代碼如下:

// pages/helpcontent/helpcontent.js

var WxParse = require('../../wxParse/wxParse.js');

Page({

/**

* 頁面的初始數據

*/

data: {

},

/**

* 生命週期函數--監聽頁面加載

*/

onLoad: function (options) {

var that=this

wx.request({

url: 'https://www.yxsci.cc/monkeytutor/index.php/Home/Index/about', //僅爲示例,並非真實的接口地址

header: {

'content-type': 'application/json'

},

success: function (res) {

console.log(res.data.title)

that.setData({

title: res.data.title,//第一個data爲固定用法,第二個data是json中的data

infos: WxParse.wxParse('infos', 'html', res.data.infos, that, 5)

})

}

})

}

那麼到這裏就結束了,大家現在可以嘗試一下了,如果還是存在有不理解或者不清楚的地方,都是可以諮詢鄭州小程序開發公司燚軒科技來獲取幫助和解答的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章