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

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

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

一、 使用 wxParse 解析富文本

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

wxParse解析html5富文本缺点

在解析富文本过程中,
多次调用小程序的setData()方法,
对性能有一定影响。
小程序解析富文本的3种方法优劣,wxParse、rich-text、web-view_第1张图片

 

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

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


rich-text富文件组件缺点

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

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

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

web-view 解析富文本缺点

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

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

你可能感兴趣的:(微信小程序)