当前阅读教程:Uni-app入门到精通教程 > 6.3.3 rich-text富文本 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
上一篇: 6.3.2 text文本 | 下一篇: 6.3.4 progress进度条 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
6.3.3 rich-text富文本属性说明
注意 l app-nvue 平台 nodes 属性只支持使用 Array 类型 l 支付宝小程序 nodes 属性只支持使用 Array 类型。 如果需要支持 HTML String,则需要自己将 HTML String转化为 nodes 数组,可使用 html-parser 转换。 支持默认事件,包括:click、touchstart、touchmove、touchcancel、touchend、longpress。 nodes 属性推荐使用 Array 类型,由于组件会将 String 类型转换为 Array 类型,因而性能会有所下降。 nodes 现支持两种节点,通过 type 来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的 HTML 节点。
元素节点:type = node
文本节点:type = text
受信任的HTML节点及属性 全局支持class和style属性,不支持id属性。
注意事项 l nodes 不推荐使用 String 类型,性能会有所下降。 l rich-text 组件内屏蔽所有节点的事件。所以如果内容中有链接、图片需要点击,则不能使用rich-text,此时可在uni-app插件市场搜索uparse插件使用。app-nvue的rich-text组件支持链接图片点击,且nvue下不能使用uparse等插件。 l attrs 属性不支持 id ,支持 class 。 l name 属性大小写不敏感。 l 如果使用了不受信任的HTML节点,该节点及其所有子节点将会被移除。 l img 标签仅支持网络图片。 l 如果在自定义组件中使用 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)毕业设计网 (5)小程序编程网 (6)计算机编程网 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
上一篇: 6.3.2 text文本 | 下一篇: 6.3.4 progress进度条 |