博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序开发之插件功能的有效实现方法
阅读量:7079 次
发布时间:2019-06-28

本文共 1120 字,大约阅读时间需要 3 分钟。

  我们在做小程序开发时,比如说在编辑器里里面编辑了一段内容,输出网页版只需要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: '', //仅为示例,并非真实的接口地址

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)

})

}

})

}

  那么到这里就结束了,大家现在可以尝试一下了,如果还是存在有不理解或者不清楚的地方,都是可以留言咨询我们的。

  本文由专业的郑州小程序开发公司燚轩科技整理发布,原创不易,如需转载请注明出处。

转载于:https://blog.51cto.com/13686158/2299222

你可能感兴趣的文章
HDU 5778 abs 数论
查看>>
运行和控制 Nginx - 命令行参数和信号
查看>>
Codeforces Round #296 (Div. 2) C. Glass Carving [ set+multiset ]
查看>>
在aws ec2上使用root用户登录
查看>>
设计模式之访问者模式
查看>>
[转] Boost算法
查看>>
bootstrap和easyui
查看>>
F-三生三世
查看>>
iOS开发之Dictionary与NSData互转
查看>>
Gulp-livereload:实时刷新编码
查看>>
UIView
查看>>
SpringMVC结合REST
查看>>
2017.07 数字货币--区块链常识
查看>>
input输入框禁止显示历史记录
查看>>
JAVA并发,CyclicBarrier
查看>>
LeetCode 638: Shopping Offers
查看>>
ubuntu mysql workbench
查看>>
poj3164 (朱刘算法 最小树形图)
查看>>
javascript中的作用域
查看>>
vs2015智能提示英文改为中文
查看>>