> ## Documentation Index
> Fetch the complete documentation index at: https://docs.coze.cn/llms.txt
> Use this file to discover all available pages before exploring further.

用户界面搭建过程中，某些组件例如文本组件支持输入和编辑内容。为了灵活地设置这些组件的内容参数，用户界面编辑器提供了两种配置方式：设置常量和引用变量。本文将详细介绍如何配置组件的内容参数，包括常量设置和变量引用。
支持设置内容参数的组件种类繁多，包括但不限于文本、按钮、表单、列表、开关、多行文本、徽章、代码展示器、Markdown、下拉选项、数字输入框、文件上传、图片上传。
![Image=306x282](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/757d23e68abc4caa88c11fdfcc776aab~tplv-goo7wpa0wc-image.image)
## 设置常量 {#3246e419}
设置常量是一种在组件中直接指定固定值的方法，适用于内容不需要动态更新的场景。
以文本组件为例，演示如何设置常量。

1. 在低代码应用的**用户界面**页签，从组件栏中拖动一个文本组件到画布。
2. 在右侧属性面板，找到**内容**参数，配置所需的文本内容。
   ![Image=316x438](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/61cbae7d0ccc4a558cca99fda2109077~tplv-goo7wpa0wc-image.image)

配置完成后，在画布查看文本组件的内容。
![Image=343x256](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/d252e18e0f0443029c6fda3021c5e95d~tplv-goo7wpa0wc-image.image)
## 引用变量 {#fcd50edb}
引用变量是一种动态设置内容参数的方法，可以根据运行时的数据动态更新组件内容，适用于需要与其他组件或数据源交互的场景。引用变量的基本语法是在变量名前加上双大括号 `{{}}`。例如，如果你有一个名为 `username` 的变量，你可以在组件中这样引用它：`{{username}}`。
目前，支持引用工作流的返回数据、组件的 content、URL 参数和局部上下文。
:::notice 注意
引用变量时，请注意：

* 变量作用域：确保引用的变量在当前组件或页面的作用域内是可访问的。如果变量未定义或不在作用域内，将导致显示错误或空白。
* 变量更新：当变量的值发生变化时，引用该变量的组件应该自动更新其显示内容。确保正确设置组件的引用变量，以响应变量值的变化。
:::
在组件中引用变量时，支持引用工作流[输出节点](/guides/message_node)的输出内容，可以在用户界面中呈现类似“Loading 中”的效果，避免某个节点处理时间过长，影响用户体验。目前仅支持引用主工作流的输出节点，暂不支持引用子工作流中的输出节点。此外，引用循环节点或批处理节点中的输出节点时，不可引用其中某次循环或某次批处理流程中的输出节点。
例如以下示例，表示引用工作流 `solve_problem` 中**输出节点_1** 的输出内容。
![Image=266x302](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/3b59ec711724474ab4a6e893cde5ebbb~tplv-goo7wpa0wc-image.image)
## **示例** {#d0fd0c92}
以文本组件A引用文本组件B的`content`为例，演示如何引用变量：

1. 在画布中，选中需要设置内容参数的文本组件A。
2. 在右侧属性面板，找到**内容**参数，单击展开图标。
   ![Image=295x315](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/f64e845e09fc42f1bd5c6d552fcc1113~tplv-goo7wpa0wc-image.image)
3. 在弹窗中，找到文本组件B，然后单击其`content`方法，即可引用文本组件B的文本内容。
   ![Image=338x280](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/2ad6336adf4049a6af789f60e3db0f85~tplv-goo7wpa0wc-image.image)

引用完成后，在画布中查看文本组件A的内容。
![Image=367x210](https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/fd725137ad4e4f62a82479c91b669e30~tplv-goo7wpa0wc-image.image)