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

标签：art   技术   接口   oop   com   height   res   img   服务   

最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是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}}"/>

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

标签：art   技术   接口   oop   com   height   res   img   服务   

原文地址：https://www.cnblogs.com/shoolnight/p/11841047.html