微信小程序如何解析html內容

最近項目上遇到在微信小程序裏須要顯示新聞內容，新聞內容是經過接口讀取的服務器中的富文本內容，是html格式的，小程序默認是不支持html格式的內容顯示的，那咱們須要顯示html內容的時候，就能夠經過wxParse來實現。

首先咱們在github上下載wxParse

 

首先咱們在github上下載wxParse

 GitHub

icindy/wxParse

wxParse-微信小程序富文本解析自定義組件，支持HTML及markdown解析. Contribute to icindy/wxParse development by creating an account on GitHub.

 

1.在app.wxss全局樣式文件中，須要引入wxParse的樣式表
@import 「/page/wxParse/wxParse.wxss」;

2.在須要加載html內容的頁面對應的js文件裏引入wxParse
var WxParse = require(’…/…/wxParse/wxParse.js’);

3.js裏面定義內容
var article = res.data.data.article;
WxParse.wxParse(‘article’, ‘html’, article, that,5);

4.在頁面中引用模板
<import src="…/…/wxParse/wxParse.wxml"/>
<template is=「wxParse」 data="{{wxParseData:article.nodes}}"/>