wxParse:微信小程序的富文本编辑器

最近开发微信小程序,想着在wxml里动态显示页面,也就是富文本编辑器那种,然后数据在数据库里,读出来然后前台显示。

这里的话,试了一下不行,后台读取的数据发送到前台不能加入文档流(或许没有这个概念?),所以找解决方案的时候,找到了wxParse。

地址:https://github.com/icindy/wxParse

确实已经很详细了,照着做就成。

思路就是:

富文本编辑器->数据库

微信小小程序->js在onload中发送请求->得到值用wxParse转换

效果图:


数据库内容:

<div style='color:red;font-size:29px;'>富文本哦</div>‘

.wxml:

< import src= "../../wxParse/wxParse.wxml" / >
< template is= "wxParse" data= "{{wxParseData:detiel.nodes}}" / >

.js:

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

这句是在page外面

success: function (res) {
        console.log(res.data.content);
        console.log(this.data);
        WxParse.wxParse('detiel', 'html', res.data.content, that, 5); 
      }
当然这里是设置了var that=this:确保了that其实是page下面那一级。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值