1. 程式人生 > >微信小程式解析富文字編輯器HTML

微信小程式解析富文字編輯器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