对话渲染

1. 组件概述

对话渲染是一个内容展示组件，专门用于展示用户与 AI 智能体之间的对话内容。它提供了完整的聊天界面，包括消息气泡展示区域和底部的输入区域，用户可以在输入框中输入问题，点击发送后消息会显示在对话区域中。这个组件是构建 AI 对话类应用的核心组件，适用于问答助手、智能客服、学习辅导等需要人机对话交互的场景。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：AI 学习助手。搭建一个数学答疑助手，学生在输入框中输入数学问题，点击发送后触发工作流调用 AI 进行解答。AI 的回答会实时显示在对话区域中，形成连续的问答记录。配置时需要设置好各个变量名，并在”发送”事件中添加”调用工作流”动作。

• 场景二：历史人物对话模拟。创建一个与历史人物”对话”的应用，学生可以向”李白”提问关于诗歌创作的问题。对话渲染组件负责展示对话内容，工作流中配置 AI 以李白的口吻进行回答，让学生在互动中学习古诗词知识。

加载中...

查看 JSON

复制 JSON

3. 功能配置

基础

绑定变量折叠组

配置项	说明
对话名称	当前对话的唯一标识名称。用于区分页面上的多个对话组件，每个对话组件应设置不同的名称。名称只能包含字母、数字和下划线，且必须以字母开头。例如设置为”chat1”或”math_qa”。
历史记录	存储完整对话历史的变量名。这是一个只读变量，系统会自动将所有对话内容（包括用户提问和 AI 回答）按顺序存储到这个变量中。工作流可以读取这个变量来获取对话上下文，从而让 AI 理解之前的对话内容。
最新提问	存储用户最近一次提问内容的变量名。这是一个只读变量，每当用户发送新消息时，系统会自动将消息内容存储到这个变量中。工作流通常会读取这个变量来获取用户当前的问题。
最新回答	用于显示 AI 回答内容的变量名。工作流处理完用户提问后，将 AI 的回答写入这个变量，对话组件会自动将变量内容显示为最新的 AI 回复消息。支持 Markdown 格式和数学公式。

状态折叠组

配置项	说明
可见	控制组件是否显示。默认可见。
隐藏	控制组件是否隐藏。与”可见”相反。

事件折叠组

配置项	说明
添加事件	支持”发送”和”重置”两种触发事件。发送：用户点击发送按钮或按回车键发送消息时触发，这是最常用的事件，通常在此事件中添加”调用工作流”动作来触发 AI 处理用户的提问。重置：用户点击重置按钮时触发，会清空所有对话记录，可以在此事件中添加额外的清理逻辑。