图搭子

整段 AI 回复能直接用吗?要不要手动把代码块剥出来?

约 2 分钟 · 更新于 2026-09-13

不用。AI 回复里的说明文字、多个代码块、丢了语言标记的围栏、甚至完全没有围栏的裸代码,粘进来都能识别出其中的 Mermaid 代码。这是大多数在线渲染工具要你手动做的一步。

一句话答案

不用剥。整段回复直接粘进编辑器左边的代码区就行——前后的说明文字会被自动忽略,其中的 Mermaid 代码被识别出来渲染成图。

它能认出哪几种情况

真实测过的四家 AI 助手,复制出来的格式各不相同,都能处理:

  • mermaid 标记的代码块:DeepSeek、Kimi 的「复制」给的是这种,最标准。
  • 丢了语言标记的代码块:豆包在回复带说明文字时,复制出来的围栏常常没有 mermaid 这个词,靠首行关键字(flowchartsequenceDiagrammindmap 等)认出来。
  • 完全没有围栏的裸代码:元宝的「复制」给的是这种,说明文字直接接在代码后面。
  • 一段回复里有好几张图:取第一张渲染,其余的仍然留在代码里,删掉上面那段就能看下一张。

粘完状态行会告诉你识别结果,比如「已从回复中识别出流程图代码」。识别错了就手动删掉多余的部分,代码区本来就是可以直接编辑的。

手边没有回复?

先用这段试:

sequenceDiagram
    participant 用户
    participant 前端
    participant 服务端
    用户->>前端: 提交表单
    前端->>服务端: POST /api/order
    服务端-->>前端: 201 已创建
    前端-->>用户: 显示下单成功
在编辑器里打开打开后可以改文字、换主题、下载 PNG / Word / PPT。

还想知道

打开编辑器试试

其他教程

全部教程找具体问题的答案?去帮助中心