# 文本
文本编辑器组件，用于在页面插入文字。
在高级页面设计器中，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886788.png)，从"文本 \> 通用"中，拖拽"文本"组件到画布中，如[图1]所示。
图1文本   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125485.png "点击放大")
#### 属性
在属性中，设置文本组件的位置、边框、背景等。
图2属性   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125493.png "点击放大")
- 基础
  - 组件标题：设置组件的标题。
  
  - 组件名称：设置组件的名称。
   
- 位置
  - 距离左端：组件到页面左侧的距离，单位为px。
  
  - 距离顶端：组件到页面顶部的距离，单位为px。
  
  - 宽度：组件的宽度，单位为px。
  
  - 高度：组件的高度，单位为px。
  
  - 堆叠顺序：设置层叠显示顺序。组件的堆叠顺序默认都是"1"，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为"0"。
  
  - 自适应高度：组件的高度是否随宽度改变。
   
- 边框：设置组件的边框样式，如全边框或角边框。
- 背景
  - 样式：设置背景的样式，如普通、居中、拉伸等。
  
  - 图片链接：背景图片URL。
  
  - 颜色：设置背景的颜色。
   
- 自定义属性列表 \> 展示溢出文本：允许文本超出组件的容器。
 
#### 高级设置
在高级设置中，选择设置的文本内容，在出现的配置弹窗中，可进行是否加粗、是否倾斜、字号、字体、文本颜色、背景颜色、对齐方式等配置。
图3编辑器中文本配置   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046188.png "点击放大")
另外，若需要在文本中设置变量，变量值来自文本组件数据桥接器中的配置。若配置为静态数据，变量值取自"outDatas"中配置的数据。
可变参数下标请从0开始，变量样式为"{0}"，预览页面后效果为"*变量值* "。带转义符"\\"的变参不会被替换，例如文本组件内容为"\\{1}{1\\}{\\1}"，预览页面后效果为"{1}{1}{1}"。连续两个转义符时，则第二个转义符失效，变参会被替换，例如文本组件内容为"\\\\{2}"，预览页面后效果为"**\\** *变量值*"。
图4文本中变量配置   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125497.png "点击放大")
图5预览页面效果   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932886792.png "点击放大")
#### 数据
在数据中，设置组件的数据来源。更多介绍，请参见[如何调用后台接口](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0192.html)。
图6设置组件数据   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125489.png "点击放大")
#### 事件
在事件中，可查看组件可配置的事件列表。更多关于事件的介绍，请参见[初识事件-动作](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0167.html)。
图7设置事件   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960125513.png "点击放大")