6.3.3 rich-text富文本-常用组件- 常用语法【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】

6.3.3 rich-text富文本

属性说明

注意
 app-nvue 平台 nodes 属性只支持使用 Array 类型
 支付宝小程序 nodes 属性只支持使用 Array 类型。
如果需要支持 HTML String，则需要自己将 HTML String转化为 nodes 数组，可使用 html-parser 转换。
支持默认事件，包括：click、touchstart、touchmove、touchcancel、touchend、longpress。
nodes 属性推荐使用 Array 类型，由于组件会将 String 类型转换为 Array 类型，因而性能会有所下降。
nodes
现支持两种节点，通过 type 来区分，分别是元素节点和文本节点，默认是元素节点，在富文本区域里显示的 HTML 节点。




注意事项
 nodes 不推荐使用 String 类型，性能会有所下降。
 rich-text 组件内屏蔽所有节点的事件。所以如果内容中有链接、图片需要点击，则不能使用rich-text，此时可在uni-app插件市场搜索uparse插件使用。app-nvue的rich-text组件支持链接图片点击，且nvue下不能使用uparse等插件。
 attrs 属性不支持 id ，支持 class 。
 name 属性大小写不敏感。
 如果使用了不受信任的HTML节点，该节点及其所有子节点将会被移除。
 img 标签仅支持网络图片。
 如果在自定义组件中使用 rich-text 组件，那么仅自定义组件的 css 样式对 rich-text 中的 class 生效。

【uniapp参考资料】

（1）uni-app跨平台开发 入门到实战
https://ke.qq.com/course/package/26512

（2）uni-app 完整商城界面设计实战
https://ke.qq.com/course/2381059

（3）基于vue的uniapp商城完整项目源代码
https://ke.qq.com/course/3064977

（4）小白教程资料 http://www.2d5.net

（5）毕业设计网http://www.pc-365.net
（6）小程序编程网www.4317.org

（7）计算机编程网http://www.05423.com/