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

富文本内容介绍

富文本格式（Rich Text Format, 一般简称为RTF）是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。RTF是Rich TextFormat的缩写，意即多文本格式。

这里我们提到的富文本并不是指RTF，而是指内容里富含各种图片、音视频等富含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(‘currentContent’, ‘html’, JSON.parse(res.data[0].info)[0].content, that, 5);

5.在wxml页面中加载template

<template is=”wxParse” data=”{{wxParseData:currentContent.nodes}}”/>

总结

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

扩展

微信小程序开发之购物车的实现

微信小程序如何为核雕艺术品开疆扩土

微信小程序如何实现下拉刷新上滑加载

文章知识点与官方知识档案匹配，可进一步学习相关知识小程序技能树首页概览3688 人正在系统学习中