我們在做小程序開發時,比如說在編輯器裏裏面編輯了一段內容,輸出網頁版只需要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)
})
}
})
}
那麼到這裏就結束了,大家現在可以嘗試一下了,如果還是存在有不理解或者不清楚的地方,都是可以諮詢鄭州小程序開發公司燚軒科技來獲取幫助和解答的。