小程序富文本解析

吼吼吼；又要開始一篇新的記錄了。

關於小程序解析富文本；今天碰到這個問題，所幸解決了。記錄一下

首先需要用到

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

大功告成。這樣就完成了整個操作，鼓勵一下自己，哈哈哈