E企盈营销工具技术服务商 热线:4006-838-530

微信小程序使用富文本编辑器

E企盈直播平台营销卖货系统

使用WxParse插件实现小程序的富文本显示 ,下载地址:富文本插件WxParse 具体使用步骤:1. 复制插件文件夹到项目根目录,emojis是表情包,可选择性删除2. 在.js文件中引入WxParse模块var WxParse= require(‘../../../wxParse/wxParse.js’);3. 在.wxss文件中引入WxParse.wxss样式,也可以在app.wxss中引入@import”../../../wxParse/wxParse.wxss”;4. 数据绑定var article= ‘div我是HTML代码/div’;  var that = this; WxParse.wxParse(‘article’, ‘html’, article,that, 5);/** * WxParse.wxParse(bindName , type, data,target,imagePadding) * 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) ** 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */5. 在.wxml文件中引用模板文件//导入文件 import src=”../../../wxParse/wxParse.wxml” ///引用模版 template is=”wxParse” data=”{{wxParseData:article.nodes}}” //** data中的article为bindName */实际开发中遇到的问题1.图片路径需要修改,添加基路径1. 在wxParse.js文件中的主函数入口中有这样一段:说明调用到了格式化数据的方法transData = HtmlToJson.html2json(data, bindName); 2. 在html2json.js文件中,将变量__placeImgeUrlHttps设置为app的基路径:var __placeImgeUrlHttps = getApp().data.baseUrl;3. 在html2json.js文件的html2json方法中有这样一段代码:imgUrl = wxDiscode.urlToHttpUrl(imgUrl, __placeImgeUrlHttps);将该代码改为:imgUrl = __placeImgeUrlHttps + imgUrl;

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序使用富文本编辑器
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏