微信小程式解析富文字編輯器HTML
阿新 • • 發佈:2019-01-08
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