# richtext
- [权限列表](#zh-cn_topic_0000001173164701_section11257113618419)
- [属性](#zh-cn_topic_0000001173164701_section2907183951110)
- [样式](#zh-cn_topic_0000001173164701_section5775351116)
- [事件](#zh-cn_topic_0000001173164701_section17878123517511)
- [方法](#zh-cn_topic_0000001173164701_section14703165113610)
- [示例](#zh-cn_topic_0000001173164701_section581819591666)
富文本组件，用于展示富文本信息。
> **说明：**
>- 从 API Version 6 开始支持。
>- 富文本内容需要写在元素标签内。
## 权限列表
无
## 属性
仅支持[通用属性](js-components-common-attributes.md#ZH-CN_TOPIC_0000001163812208)中的id、style和class属性。
## 样式
仅支持[通用样式](js-components-common-styles.md#ZH-CN_TOPIC_0000001163932190)中的display和visibility样式。
## 事件
除支持[通用事件](js-components-common-events.md#ZH-CN_TOPIC_0000001209412119)外，还支持如下事件：
名称
|
参数
|
描述
|
|---|
start
|
-
|
开始加载时触发。
|
complete
|
-
|
加载完成时触发。
|
> **说明：**
>- 不支持focus、blur、key事件。
>- 不支持无障碍事件。
>- 包含richtext的页面返回时richtext显示区域不会跟随页面的转场动效。
>- richtext内容不建议超过一个屏幕高度，超出部分不会显示。
## 方法
不支持。
## 示例
```
{{content}}
```
```
// xxx.js
export default {
data: {
content: `
h1
文本测试(h1测试)
h2
文本测试(h2测试)
`,
},
onLoadStart() {
console.error("start load rich text:" + JSON.stringify())
},
onLoadEnd() {
console.error("end load rich text:" + JSON.stringify())
}
}
```