首页新建小程序项目小程序解析富文本为wxml，小程序rich-text解析html5网页

下面内容小编就为大家带来一篇关于小程序解析富文本为wxml，小程序rich-text解析html5网页。小编觉得挺不错的，现在就分享给大家，如果你在找小程序跳转链接，手机短信接口，小程序名称，也可以做个借鉴。一起跟随小编过来看看吧。

小程序解析富文本为wxml，小程序rich-text解析html5网页

作者：微信小程序观察员发布时间：2017-11-13

我们在《小程序解析html的3种常用方法》提到过，小程序解析html网页标签，有3种方法： 1）使用 wxParse 解析html 2）单独解析 html标签 3）使用最新的小程序组件 web-view 第一种方法《使用wxParse把html5转换为wxml》，我们在上一节课堂中详细讲解了，但是wxParse解析html过程中，会多次调用小程序的setData()方法，这是非常消耗性能的。今天跟着子恒老师来学习第二种方法，使用小程序的rich-text显示html的方法，在解析过程中，不用调用setData()方法，在性能上会好很多。

一、 rich-text解析html难点

我们先看下， rich-text的使用方法  <rich-text nodes="{{nodes}}" bindtap="tap"></rich-text> 可以看到很简单，关键是nodes={{nodes}}，其中第一个nodes是固定的，第二个{{nodes}}是把html解析好节点信息， rich-text可以显示，但是小程序并没有直接把html解析成可以显示的节点，也就是说你直接从服务器数据库中，取出的html是无法显示的。使用rich-text的关键是把html解析成可以显示的节点，也是难点。