修复了SVG实时绘制问题:

使用更精确的正则表达式检测SVG代码块开始
正确处理Markdown格式的SVG代码块(svg或<svg)
实时更新SVG显示区域,自动补全结束标签确保正确显示
添加了完整的Markdown支持:

集成了marked.js库用于解析Markdown内容
配置了支持GitHub风格的Markdown选项
在所有消息渲染函数中添加了Markdown解析逻辑
添加了专门的Markdown样式:

为标题、段落、列表、代码块、引用等添加了样式
确保Markdown内容在对话气泡中正确显示
保持了原有的设计风格和颜色方案
优化了流式输出体验:

SVG绘制过程中显示加载动画和"正在绘制..."提示
绘制完成后自动切换为可点击的占位符
支持SVG前后的Markdown文本内容正确渲染
This commit is contained in:
史悦
2025-10-24 18:20:43 +08:00
parent 9032b634e6
commit 6fe5f4175d
3 changed files with 223 additions and 82 deletions

View File

@@ -6,6 +6,7 @@
<title>产品画布 / SWOT分析</title>
<script src="https://cdn.tailwindcss.com/3.4.1"></script>
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet">