小程序解析富文本的3种方法优劣，wxParse、rich-text、web-view

我们做普通web开发时，
后台可以使用很多的富文本编辑器，
比如百度ueditor编辑器，ckeditor富文本编辑器等。

但是微信小程序是在自己的引擎里解析，
所以很多html/html5的标签无法在小程序里正常显示，
 

一、 使用 wxParse 解析富文本

这种方式可以解析 html/markdown 两种脚本，
功能很强大，

wxParse解析html5富文本缺点

在解析富文本过程中，
多次调用小程序的setData()方法，
对性能有一定影响。

 

二、 使用 rich-text 解析富文本

rich-text富文本组件是小程序1.4.0版本后推出来的，
可以通过js脚本把html解析成一定格式的nodes，
然后在 rich-text 中显示。

<!– rich-text.wxml –>
<rich-text nodes=”{{nodes}}” bindtap=”tap”></rich-text>

rich-text富文件组件缺点

只能解析html内容
需要做兼容处理

三、 使用 web-view 解析富文本

web-view 是小程序1.6.4版本推出来的新组件，
功能很强大，
可以直接显示网页内容，
而且可以做 a 链接跳转。

web-view 解析富文本缺点

其实两个很多微信都低于1.6.4版本，
不能使用，
需要用前面介绍的两种方法做兼容处理。

现在为止，
上面3种方法可以在微信小程序中解析html富文本，
你可以根据自己的情况选择适合的方法。