文本差异

1. 组件概述

文本差异是一个内容展示组件，用于对比两段文本并高亮显示它们之间的差异。组件会自动分析两段文本的不同之处，用不同的颜色标记出新增、删除或修改的内容。适用于需要展示文本变化的场景，例如查看 AI 修改前后的文章对比、代码版本差异、作文批改结果等。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：作文批改结果展示。学生提交作文后，AI 工作流返回修改建议。将原文设置为”文本A”，将 AI 修改后的版本设置为”文本B”，选择”文本A和B”展示模式，学生可以清晰看到哪些地方被修改、新增或删除。
• 场景二：翻译优化对比。用户输入一段翻译文本，AI 工作流返回优化后的译文。通过文本差异组件展示优化前后的对比，帮助用户理解 AI 做了哪些改进，学习更地道的表达方式。

加载中...

查看 JSON

复制 JSON

3. 功能配置

基础

配置折叠组

配置项	说明
文本A	第一段对比文本的内容。可以设置为静态文字，也可以绑定变量。通常用于存放”原始版本”或”修改前”的内容。
文本B	第二段对比文本的内容。可以设置为静态文字，也可以绑定变量。通常用于存放”新版本”或”修改后”的内容。组件会将文本B与文本A进行对比，标记出差异。
比较模式	设置差异对比的粒度。可选”字符”或”行”两种模式。“字符”模式会逐字对比，精确标记每个字符的变化，适合查看细微修改；“行”模式按行对比，适合查看段落级别的增删改动。
展示内容	控制组件显示哪些内容。可选”仅文本A”、“仅文本B”或”文本A和B”。选择”仅文本A”时只显示原文并标记被删除的部分；选择”仅文本B”时只显示新文本并标记新增的部分；选择”文本A和B”时同时显示两段文本的完整对比视图。

状态折叠组

配置项	说明
可见	控制组件是否显示。默认可见。可以绑定变量实现动态控制，例如只有当 AI 返回修改结果后才显示对比视图。
隐藏	控制组件是否隐藏。与”可见”相反。