> ## 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 组件用于渲染 Markdown 格式的文本。
## 属性设置 {#ca7558a1}
Markdown 组件提供了丰富的属性配置选项，以下是一些关键属性配置说明。关于组件尺寸、位置、样式、指针、变换等通用属性的设置方法，请参考[设置组件属性和事件](/guides/set_properties_events)。
## 常用语法 {#0f63643b}
常用的 Markdown 语法及示例如下表所示。
| | | | \
|**元素** |**语法** |**效果图** |
|---|---|---|
| | | | \
|标题 |```Markdown |\
| |# 一级标题 |\
| |## 二级标题 |\
| |### 三级标题 |\
| |``` |\
| | | |
| | | | \
|加粗文本 |```Markdown |\
| |**加粗文本** |\
| |``` |\
| | | |\
| | | |
| | | | \
|斜体文本 |```Markdown |\
| |*斜体文本* |\
| |``` |\
| | | |\
| | | |
| | | | \
|有序列表 |```Markdown |\
| |1. 有序列表项一 |\
| |2. 有序列表项二 |\
| |``` |\
| | | |
| | | | \
|无序列表 |```Markdown |\
| |- 无序列表项一 |\
| |- 无序列表项二 |\
| |``` |\
| | | |
| | | | \
|引用 |```Markdown |\
| |> 这是一个引用。 |\
| |``` |\
| | | |
| | | | \
|链接 |```Markdown |\
| |单击[链接](https://www.coze.cn/docs/guides/webview) |\
| |``` |\
| | | |
| | | | \
|图片 |```Markdown |\
| | |\
| |``` |\
| | | |
| | | | \
|视频 |Markdown 本身不支持插入视频，通常需借助 HTML 标签来实现。示例如下： |\
| |```Markdown |\
| | |\
| |``` |\
| | | |
| | | | \
|音频 |Markdown 本身不支持插入音频，通常需借助 HTML 标签来实现。示例如下： |\
| |```Markdown |\
| | |\
| |``` |\
| | | |\
| | | |\
| | | |
### 绑定数据 {#91df0bb2}
Markdown 组件支持引用工作流的返回数据、组件内容、局部上下文、系统变量、界面变量等变量内容。你可以通过引用变量为 Markdown 组件绑定动态数据。详情请参见[设置组件内容参数](/guides/set_content_parameters)。
例如创建一个搜索图片的工作流，将该工作流的搜索结果（图片 URL），绑定到 Markdown 组件的图片元素中，并为 Markdown 组件配置一个事件，当 Markdown 组件加载时，自动触发工作流的调用，从而实现动态更新组件内容。
::::cols
@col 33
**绑定数据**
@col 33
**配置事件**
@col 33
**展示效果**
::::
### 设置元素对齐方式 {#a96610fc}
你可以通过 Markdown 组件属性中的**水平对齐**、**垂直对齐**配置项，一键调整 Markdown 元素的对齐方式。
### 设置文本颜色 {#6d5ab758}
你可以通过 Markdown 组件属性中的**颜色**配置项，设置 Markdown 组件中纯文本元素的显示颜色。
### 设置最大行数 {#9a692439}
你可以通过 Markdown 组件属性中的**最大行数**配置项，配置 Markdown 组件中标题和正文元素的最大显示行数，超过最大行数后显示为` ...`。
### 配置指针 {#660d6b63}
配置鼠标在指定组件区域内的指针样式。
你可以选择**根据元素类型自动显示**，也可以指定某一特定的指针样式。
::::cols
@col 50
属性配置项
@col 50
效果图
::::
### 添加边框和阴影效果 {#014822cf}
你可以通过 Markdown 组件属性中的**圆角**、**边框**、**阴影**等配置项，设置 Markdown 组件添加边框及阴影效果。
### **隐藏组件** {#e5b1752d}
Markdown 组件的可见性可通过设置常用条件或表达式灵活控制，以实现特定场景下的隐藏或显示。
* 表达式方式
* 设置为 false：显示组件。
* 设置为 true：隐藏组件。
* 设置为变量：通过变量值（true 或 false）动态控制组件的可见性。配置示例，请参考[隐藏组件](/guides/set_properties_events#46d8e38f)。
* 常用条件方式
支持通过可视化界面设置条件，以控制组件的可见性。配置示例，请参考[隐藏组件](/guides/set_properties_events#46d8e38f)。
### 事件设置 {#18e09164}
通过配置 Markdown 组件的事件，可以为 Markdown 组件添加丰富的交互功能，以增强用户体验和界面的互动性。
| | | \
|**事件项** |**说明** |
|---|---|
| | | \
|事件类型 |当 Markdown 组件完成加载时触发事件。 |
| | | \
|组件方法 |支持以下方法： |\
| | |\
| |* 清除：清除组件的内容，例如 Markdown 组件中的文字。 |\
| |* 滚动到视图：将组件滚动到可视区域内。 |\
| |* 设置内容：为组件设置或更新内容。 |\
| |* 复制到剪切板：复制文本内容到剪切板。 |