• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序富文本解析

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

吼吼吼;又要开始一篇新的记录了。

关于小程序解析富文本;今天碰到这个问题,所幸解决了。记录一下

首先需要用到

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";

大功告成。这样就完成了整个操作,鼓励一下自己,哈哈哈

 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
C语言计算时间差小程序发布时间:2022-07-18
下一篇:
微信小程序data数据的赋值和取值发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap