---
title: "并排编辑 Mermaid 与实时预览"
author: "Letter.md Official Content"
canonical: "https://letter-official-source.letter.pub/official-changelog-mermaid-live-preview-zh"
published_at: "2026-08-29T09:34:48Z"
updated_at: "2026-08-29T09:34:48Z"
description: "在 Mermaid 源码旁查看实时图表预览，并在窄屏上自动切换为上下布局。"
---

# 并排编辑 Mermaid 与实时预览

技术图表现在可以继续保存在 Markdown 文档中，同时获得更舒适的编辑体验。

## 本次更新

- 编辑 Mermaid 源码时，在旁边实时查看渲染结果。
- 在宽屏上保持源码与预览对齐。
- 在窄屏上自动改为上下布局，避免横向溢出。
- 根据文档主题渲染浅色或深色图表。
- 保存标准 Mermaid Markdown，在 Letter.md 之外仍然可读。

无效源码会保留在编辑状态并显示错误，不会覆盖最后一个仍然可用的图表。