我们在做小程序开发时,比如说在编辑器里里面编辑了一段内容,输出网页版只需要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.xxxxx.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)
})
}
})
}
那么到这里就结束了,大家现在可以尝试一下了,如果还是存在有不理解或者不清楚的地方,都是可以留言咨询我们的。
本文由专业的郑州小程序开发公司燚轩科技整理发布,原创不易,如需转载请注明出处。
原文地址:http://blog.51cto.com/13686158/2299222