# 文本编辑 文本编辑是文本组件的一种，用于显示多行文本，可对接数据集并设置交互。 在大屏设计页面，从"全部组件 \> 文本"中，拖拽"文本编辑"组件至画布空白区域，如[图1]。 图1文本编辑 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184316.png "点击放大") 图2边距样式说明 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184108.png) #### 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3文本编辑卡片 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184300.png) - 背景 - 背景色：设置组件卡片的背景颜色。 - 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 - 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 - 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 - 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 - 边距：组件中图表距离整个组件四边（上、下、左、右，如[图2]）的距离，默认为0，即铺满整个组件。 #### 配置 在配置中，设置组件的文本、段落和文本滚动方向。 图4文本编辑配置 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158305929.png) - 文本设置 - 文本内容：请输入文本内容，您也可以从后台数据中获取文本内容，详情请参见[从数据中获取文本内容]。 - 字体：设置文本字体、大小和颜色等。 - 文本装饰：为文本添加下划线、删除线和上划线。 - 段落设置 - 内容对齐方式：文本内容为多行时，支持居中、左对齐、右对齐和两端对齐。 - 文本位置：文本内容为一行时，支持居中、左对齐和右对齐。 - 行高：设置行高。 - 文字间距：设置文字之间的间距。 - 首行缩进：文本首行是否缩进，设置为0，表示不缩进。 - 文本滚动 - 滚动显示：文本是否滚动显示。 - 滚动方式：设置文本滚动方式，支持向上滚动、向下滚动、向左滚动和向右滚动。 - 滚动速度：设置文本滚动速度。 - 问号提示 - 问号提示：是否显示问号提示。 - 提示文本：输入问号提示的文本内容。 - 问号大小：设置问号的大小。 - 问号颜色：设置问号的背景颜色。 - 气泡位置：设置提示气泡的显示位置，如右上方、正上方。 - 提示背景：设置提示气泡的背景颜色。 - 新增条件格式：单击"新增条件格式"，可设置条件和响应数据列的样式。如何新增条件格式，请参见[新增条件格式]。 #### 数据 在数据中，设置文本编辑组件的数据来源，更多介绍请参见[数据接入](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6143.html)。 #### 交互 在交互中，配置文本编辑与其他组件或页面之间的交互能力。更多交互介绍，请参见[交互设置](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6140.html)。 #### 从数据中获取文本内容 1. 在大屏设计页面，从"全部组件 \> 文本"中，拖拽"文本编辑"组件至画布空白区域。 2. 选中文本编辑组件，单击组件上方的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002112534904.png)，设置文本编辑组件数据。 图5设置文本编辑组件数据 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158424325.png "点击放大") 3. 选中文本编辑组件，单击组件上方的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123297822.png)，设置组件显示的内容。 图6获取数据中的内容作为文本内容 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158424269.png "点击放大") 其中，"{0}"为转义字符，只支持"{0}"和"\\\\{0}"两种类型的转义字符。转义字符中的数字"0"为文本编辑组件数据中二维数组的位置，其对应关系如[图7]所示。如果全部设置为"{0}"，则全部显示第一个数据，如[图8]。 图7转义符和二位数组对应关系（一） ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184248.png) 图8全部显示第一个数据 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158305909.png) #### 新增条件格式 1. 在大屏设计页面，从"全部组件 \> 文本"中，拖拽"文本编辑"组件至画布空白区域。 2. 选中文本编辑组件，单击组件上方的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002112534904.png)，设置文本编辑组件数据。 图9设置组件数据 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184268.png "点击放大") 3. 选中文本编辑组件，单击组件上方的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123297822.png)，设置组件显示的内容。 图10设置文本编辑组件显示内容 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184260.png) 4. 单击"新增条件格式"，设置条件和响应数据列的样式。 如下图所示，该设置表示文本编辑满足设置的条件（组件数据中，第一个数据大于5）时，显示为红色，否则显示为正常颜色。 图11新增条件格式 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158305925.png) 其中，"{0}"为转义字符，只支持"{0}"和"\\\\{0}"两种类型的转义字符。转义字符中的数字"0"为文本编辑组件数据中二维数组的位置，其对应关系如[图12]所示。 图12转义符和二位数组对应关系（二） ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123026124.png)