小程序富文本解析

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

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

首先需要用到

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

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

 

转载于:https://www.cnblogs.com/yutianA/p/10267329.html