宝哥软件园

微信小程序与富文本编辑器集成方法详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-25

本文阐述了将富文本编辑器集成到微信小程序中的方法。分享给大家参考,如下:

使用WxParse插件实现小程序的富文本显示,下载地址:富文本插件WxParse

具体使用步骤:

1.将插件文件夹复制到项目的根目录。表情符号是一个表情包,可以选择性删除

2.在中介绍WxParse模块。js文件

var WxParse=require('./././wx parse/wx parse . js’);3.在中介绍WxParse.wxss样式。wxss文件,或在app.wxss中。

@import./././wx parse/wx parse . wxss ';4.数据绑定

Var article='div我是HTML代码/div ';变量=这个;WxParse.wxParse('article ',' html ',article,that,5);/* * * wxparse.wxparse (bindname,type,data,target,imagepadding) * 1。bindname绑定的数据名称(必需)* 2 .类型可以是html或md(必需)* 3 .数据是特定数据(必需)* 4 .目标是Page对象。一般来说,这是(必需的)** 5 .当图片自适应是左和右时,imagePadding是单个填充(默认为0,可选)*/5。引用wxml文件中的模板文件

//导入文件导入src=' http:/././wx parse/wx parse . wxml//reference template is=' wx parse ' data=' { { wx parse edat : article . nodes } } '/* *数据中的文章是bindname

1.图片路径需要修改。添加基本路径

wxParse.js文件中的主函数条目中有这样一段话:说明调用了格式化数据的方法

trans DATa=HTMl to JSON . HTMl 2 JSON(data,BindName);2.在html2json.js文件中,将变量__placeImgeUrlHttps设置为app的基本路径:

var __placeImgeUrlHttps=getApp()。3.html2json.js文件的html2json方法中有这样一段代码:

imgUrl=wxdocode . urlthottpurl(imgUrl,_ _ placeImgeUrlHttps);将代码更改为:

imgUrl=_ _ placeImgeUrlHttps imgUrl;希望本文对微信小程序的开发有所帮助。

更多资讯
游戏推荐
更多+