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


最近項目上遇到在微信小程序里需要顯示新聞內容,新聞內容是通過接口讀取的服務器中的富文本內容,是html格式的,小程序默認是不支持html格式的內容顯示的,那我們需要顯示html內容的時候,就可以通過wxParse來實現。

首先我們在github上下載wxParse

 icindy/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}}"/>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM