微信小程序开发之富文本内容的展示

这里的富文本是指内容里富含各种图片、音视频等富含html标签的一段内容。

wxParse的使用

wxParse是微信小程序中经常使用的富文本组件，可以很好地实现图片、加粗、标红等html文本的展现。

在微信小程序中，要想使用wxParse组件，首先要下载wxParse组件的相关文件。

1.在wxml文件中引用wxParse组件

<import src=". ./. ./wxParse/wxParse.wxml"/>

2.在app.wxss全局样式文件中，引入wxParse的样式表

@import ". ./. ./wxParse/wxParse.wxss";

3.在需要加载html内容的页面对应的js文件里引入wxParse

var WxParse = require('../../wxParse/wxParse.js');

4.对获取到的富含html的内容项进行格式化

WxParse.wxParse('article', 'html', JSON.parse(res.data.description, that, 5);

5.在wxml页面中加载template

<template is="wxParse" data="{ {wxParseData:article.nodes}}"/>

wxParse对于某些标签的定义在样式里并未定义，如果有需要，可以仿照其它标签的定义形式，在wxParse.wxss中自行补充即可。