最近項目上遇到在微信小程序里需要顯示新聞內容,新聞內容是通過接口讀取的服務器中的富文本內容,是html格式的,小程序默認是不支持html格式的內容顯示的,那我們需要顯示html內容的時候,就可以通過wxParse來實現。
首先我們在github上下載wxParse
wxParse-微信小程序富文本解析自定義組件,支持HTML及markdown解析. Contribute to icindy/wxParse development by creating an account on GitHub.
把wxParse放到要項目目錄里面
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}}"/>
