微信小程序如何解析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}}"/>