整段 AI 回复能直接用吗?要不要手动把代码块剥出来?
约 2 分钟 · 更新于 2026-09-13
不用。AI 回复里的说明文字、多个代码块、丢了语言标记的围栏、甚至完全没有围栏的裸代码,粘进来都能识别出其中的 Mermaid 代码。这是大多数在线渲染工具要你手动做的一步。
一句话答案
不用剥。整段回复直接粘进编辑器左边的代码区就行——前后的说明文字会被自动忽略,其中的 Mermaid 代码被识别出来渲染成图。
它能认出哪几种情况
真实测过的四家 AI 助手,复制出来的格式各不相同,都能处理:
- 带
mermaid标记的代码块:DeepSeek、Kimi 的「复制」给的是这种,最标准。 - 丢了语言标记的代码块:豆包在回复带说明文字时,复制出来的围栏常常没有
mermaid这个词,靠首行关键字(flowchart、sequenceDiagram、mindmap等)认出来。 - 完全没有围栏的裸代码:元宝的「复制」给的是这种,说明文字直接接在代码后面。
- 一段回复里有好几张图:取第一张渲染,其余的仍然留在代码里,删掉上面那段就能看下一张。
粘完状态行会告诉你识别结果,比如「已从回复中识别出流程图代码」。识别错了就手动删掉多余的部分,代码区本来就是可以直接编辑的。
手边没有回复?
先用这段试:
sequenceDiagram
participant 用户
participant 前端
participant 服务端
用户->>前端: 提交表单
前端->>服务端: POST /api/order
服务端-->>前端: 201 已创建
前端-->>用户: 显示下单成功在编辑器里打开打开后可以改文字、换主题、下载 PNG / Word / PPT。
还想知道
- 怎么让 AI 一次就给出能渲染的代码:看从 AI 那里拿到能用的代码
- 粘进来渲染不出来:看AI 给的 Mermaid 代码渲染不出来怎么办