微信小程序全栈开发实战学习四（rich-text组件如何单击预览rich-text中的图片并保存？）

rich-text展示：

space:空格策略，控制中文空格显示的大小，有三种值，中文环境取emsp
nodes：可以取字符串（会影响性能），也可以取数组（推荐）
子属性：
1.name:节点名称
2.attrs：节点属性
3.children：子节点列表（数组类型）
4.type:节点类型，共有两种node(默认，可不写)和text

1.如何预览保存rich-text富文本组件中的图片

rich-text所有节点都屏蔽单击事件，我们可以在rich-text上添加tap事件，然后使用wx.previewImage这个接口预览图片，选择需要的图片下载，在预览之前我们需要遍历rich-text的nodes数据，把所有图片地址预先取出来，当单击rich-text富文本组件时，触发预览。我们可以通过tap事件中的e.pageX、e.pageY取到用户大概单击了什么位置，如果可以判断出通过位置判断出是哪张图片，就可以实现指定图片的预览与下载了。

2.如何解决图片之间的间隙问题

可以直接添加内联样式

也可以声明一个通用的类样式，在img节点上添加

3.如何插入广告标签、如何将HTML文本解析呈现

可以使用parser来解析html源码，并在小程序中直接呈现
首先，下载源码，将parser文件夹放到项目中适当位置，然后在json文件中引用组件。


然后准备数据，放到data里面

最后就可以在页面文件中引用了