在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
吼吼吼;又要开始一篇新的记录了。 关于小程序解析富文本;今天碰到这个问题,所幸解决了。记录一下 首先需要用到 wxParse 这个插件 下载地址:https://github.com/icindy/wxParse;(git地址,有用法文档)
下载好之后,接着进行第二步 在对应需要用到的页面引入wxParse const WxParse = require('../../../../wxParse/wxParse.js'); 然后调用方法;data就是富文本里面的内容
// 富文本编辑器 fuwenBen: function (data) { let that = this; let fuwenben = data; let content = WxParse.wxParse_ly_all('fuwenben', 'html', fuwenben, that); // console.log(content) that.setData({ content }) }, 这样js部分的数据处理就OK了;下面是wxml里 引入插件的wxml文件 <import src="../../../../wxParse/wxParse.wxml" /> 然后 <view class='pt40 w'> <template is="wxParse" data="{{ wxParseData:content.nodes }}" /> </view> 最后引入样式表 @import "../../../../wxParse/wxParse.wxss"; 大功告成。这样就完成了整个操作,鼓励一下自己,哈哈哈 |
请发表评论