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