微信小程序解析富文本編輯器HTML

1、首先要下載wxParse包下載地址 並放到根目錄下

2、在app.wxss 中引入wxParse.wxss文件，

@import "wxParse/wxParse.wxss";

3、在需要用到解析HTML的wxss頁面 中引入wxParse.wxss文件，

<import src="../../wxParse/wxParse.wxml"/>

4、在需要用到解析HTML的js頁面 中引入wxParse.js文件

//引入文件
var WxParse = require('../../wxParse/wxParse.js');
//內容解析
var content = res.data.content
WxParse.wxParse('content', 'html', content, that, 3);

參數說明
WxParse.wxParse(輸入需要解析的內容, 解析類型, 輸出變量值, that, 邊距（默認爲0）);

5、在需要解析的wxml頁面中輸出

<template is="wxParse" data="{{wxParseData:content.nodes}}"/>

另外如果有輸出圖片的時候，會遇到圖片不居中，解決方法如下

//在wxss中加入
image{
  width: 100% !important;
}

歡迎加羣討論：羣號-578385176