鸿蒙UI系统组件17——富文本展示(RichText)

如果你也对鸿蒙开发感兴趣，加入“Harmony自习室”吧！扫描下方名片，关注公众号，公众号更新更快，同时也有更多学习资料和技术讨论群。

1、概 述

RichText组件是一个轻量级的富文本显示组件，他支持HTML格式的文本进行解析与显示。

⭐️ 适用场景：

• RichText组件适用于加载与显示一段HTML字符串，且不需要对显示效果进行较多自定义的应用场景。RichText组件仅支持有限的通用属性和事件。（后文将会介绍）

• RichText组件底层复用了Web组件来提供基础能力，包括但不限于HTML页面的解析、渲染等。因此使用RichText组件需要遵循Web约束条件。例如宽度问题：

移动设备的视口默认值大小为980px（默认值可以确保大部分网页在移动设备下可以正常浏览）。如果RichText组件宽度低于这个值，content内部的HTML则可能会产生一个可以滑动的页面被RichText组件包裹。如果想替换默认值，可以在content中添加以下标签：

<meta name="viewport" content="width=device-width">

⭐️ 不适用场景：

• RichText组件不适用于对HTML字符串的显示效果进行较多自定义的应用场景。例如RichText组件不支持通过设置属性与事件，来修改背景颜色、字体颜色、字体大小、动态改变内容等。【在这种情况下推荐使用Web组件】

• RichText组件比较消耗内存资源，而且有一些重复使用RichText组件的场景下，比如在List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象。【在这种情况下，推荐使用RichEditor组件】