Files
Mdeical_Sur_Report/工程分析/20260419_0413/实现方案.md
admin c7e7033e7d feat(ai): diff弹窗内容完整性优化 + HTML空行清洗
- systemPrompt和promptText中明确要求AI生成完整多段落内容,不要只改写现有段落
- systemPrompt增加HTML格式约束:<p>标签包裹、禁止<br>和换行符、紧凑HTML
- setDiffModal和execCmd之前增加正则清洗:移除<br>、移除</p>与<p>间空白、trim首尾
2026-04-19 04:15:36 +08:00

5.5 KiB
Raw Blame History

实现方案

修改文件

  • src/pages/ReportEditor.tsx

修改位置 1System Prompt 强化(约 line 905-907

在 systemPrompt 中增加对「生成完整性」和「HTML 紧凑性」的明确要求。

原代码

      const systemPrompt = aiModifyEnabled
        ? '你是一名专业的外科医生助理。当前处于【修改模式】。\n我为你提供了当前手术报告的【全局参考内容】作为背景知识以及你需要修改的【目标区域 HTML 源码】。\n请根据全局内容和用户的【医生指令】直接重写并输出目标区域的 HTML。\n重要指令\n1. 必须返回合法的 JSON 对象\n2. 必须包含 "reply"(简短回复话术)和 "updatedHtml"(修改后的完整内部 HTML 代码)两个字段\n3. 绝对不要包含任何 Markdown 标记(如 ```json'
        : '你是一名专业的外科医生助理。当前处于【对话模式】。\n请仔细阅读我提供的【全局手术报告参考内容】并根据【医生指令】进行专业解答。\n重要指令\n1. 必须返回合法的 JSON 对象\n2. 仅包含 "reply"(你的专业回答)一个字段\n3. 不要返回任何 HTML 代码\n4. 绝对不要包含任何 Markdown 标记';

新代码

      const systemPrompt = aiModifyEnabled
        ? '你是一名专业的外科医生助理。当前处于【修改模式】。\n我为你提供了当前手术报告的【全局参考内容】作为背景知识以及你需要修改的【目标区域 HTML 源码】。\n请根据全局内容和用户的【医生指令】直接重写并输出目标区域的 HTML。\n重要指令\n1. 必须返回合法的 JSON 对象\n2. 必须包含 "reply"(简短回复话术)和 "updatedHtml"(修改后的完整内部 HTML 代码)两个字段\n3. updatedHtml 必须生成完整、结构化的多段落内容,不要只改写现有段落,要基于全局信息补充完善\n4. 段落必须使用 <p> 标签包裹,段落之间绝对不要使用 <br> 标签,也不要使用任何换行符 (\\n)\n5. 输出的 HTML 必须紧凑,标签之间不要有空格或换行\n6. 绝对不要包含任何 Markdown 标记(如 ```json'
        : '你是一名专业的外科医生助理。当前处于【对话模式】。\n请仔细阅读我提供的【全局手术报告参考内容】并根据【医生指令】进行专业解答。\n重要指令\n1. 必须返回合法的 JSON 对象\n2. 仅包含 "reply"(你的专业回答)一个字段\n3. 不要返回任何 HTML 代码\n4. 绝对不要包含任何 Markdown 标记';

变更点

  1. 修改模式 systemPrompt 增加第 3 点:明确要求生成完整、结构化的多段落内容,基于全局信息补充完善
  2. 修改模式 systemPrompt 增加第 4 点:段落必须用 <p> 包裹,禁止 <br>\n
  3. 修改模式 systemPrompt 增加第 5 点HTML 必须紧凑,标签间不要有空格或换行

修改位置 2Prompt 文本强化(约 line 891-895

promptText 中增加对「生成完整性」的强调。

原代码

      let promptText = `【全局手术报告参考内容】:\n${globalContextText}\n\n`;
      if (aiModifyEnabled && targetRegionEl) {
        promptText += `【你需要进行修改的目标区域 HTML 源码】:\n${currentHtml || '(当前区域为空)'}\n\n`;
      }
      promptText += `【医生指令】: ${text}`;

新代码

      let promptText = `【全局手术报告参考内容】:\n${globalContextText}\n\n`;
      if (aiModifyEnabled && targetRegionEl) {
        promptText += `【你需要进行修改的目标区域 HTML 源码】:\n${currentHtml || '(当前区域为空)'}\n\n`;
      }
      promptText += `【医生指令】: ${text}\n\n【格式要求】:\n1. 生成完整、结构化的多段落 HTML 内容,不要只改写现有段落\n2. 段落使用 <p> 标签,段落之间不要使用 <br> 标签或换行符\n3. 输出紧凑 HTML标签间不要有空格或换行`;

变更点

  1. 在医生指令后追加「格式要求」段落
  2. 明确要求生成完整多段落内容,不要只改写现有段落
  3. 强调 <p> 标签、禁止 <br>、禁止换行符、紧凑 HTML

修改位置 3HTML 清洗后处理(约 line 938-945

setDiffModal 之前对 updatedHtml 进行正则清洗。

原代码

      if (responseJson.updatedHtml && aiModifyEnabled) {
        if (targetRegionEl) {
          setDiffModal({
            isOpen: true,
            originalHtml: currentHtml,
            newHtml: responseJson.updatedHtml,
            targetId: actualTargetId
          });
        } else {
          execCmd('insertHTML', responseJson.updatedHtml);
        }
      }

新代码

      if (responseJson.updatedHtml && aiModifyEnabled) {
        let cleanHtml = responseJson.updatedHtml;
        cleanHtml = cleanHtml.replace(/<br\s*\/?>/gi, '');
        cleanHtml = cleanHtml.replace(/<\/p>\s*<p>/gi, '</p><p>');
        cleanHtml = cleanHtml.trim();
        if (targetRegionEl) {
          setDiffModal({
            isOpen: true,
            originalHtml: currentHtml,
            newHtml: cleanHtml,
            targetId: actualTargetId
          });
        } else {
          execCmd('insertHTML', cleanHtml);
        }
      }

变更点

  1. 新增 cleanHtml 变量,初始值为 responseJson.updatedHtml
  2. 移除 <br> 标签(不区分大小写)
  3. 移除 </p><p> 之间的空白字符(空格、换行、回车)
  4. 移除首尾空白
  5. setDiffModalexecCmd 均使用 cleanHtml