简体中文
EnglishMarkdown 编辑器里的 Live Preview 是什么?它如何边写边显示排版效果?
更新时间
Live Preview（实时预览）是 Markdown 编辑器的一种工作模式：你在编辑区输入 Markdown 语法，编辑器在输入的同时把标题、列表、链接、代码块等渲染成排版效果，不需要手动切换到单独的预览窗口。它适合边写边校对格式的日常写作；如果你需要精确控制最终输出（尤其是 PDF 导出），仍应在导出前检查一遍成品。以 Remarkable 这类面向 Linux 和 Windows 的 Markdown 编辑器为例，实时预览通常与导出 PDF、滚动同步、MathJax 公式支持等功能一起出现。
Live Preview 与另外两种模式的差别
Markdown 编辑器的显示方式大致可分三类，区别在于“源码”和“渲染结果”是否同时可见：
| 模式 | 你看到的内容 | 适合的场景 | 主要代价 |
|---|---|---|---|
| 纯源码编辑 | 只有 Markdown 原文 | 批量改语法、处理复杂嵌套结构 | 需要脑内想象排版，容易漏掉格式错误 |
| 分屏预览 | 左侧源码、右侧渲染结果 | 长文写作、需要对照检查结构 | 占用屏幕空间，视线来回移动 |
| Live Preview | 编辑区内直接呈现渲染效果 | 专注写作、快速校对格式 | 复杂元素的显示可能与最终导出不完全一致 |
Live Preview 的核心机制是：编辑器解析你刚输入的 Markdown 标记，并把对应区域替换为渲染后的样式，同时保留光标位置和编辑能力。因此它比“写完再切预览”反馈更快，也比分屏模式更省屏幕。
实时预览通常能呈现什么
在支持较完整的编辑器里，以下元素一般会随输入即时变化：
- 标题层级（
#、##等）的字号与粗细 - 有序列表、无序列表和任务列表的符号与缩进
- 链接的文字样式与地址
- 行内代码与代码块的等宽字体、背景
- 引用块的缩进与边线
- 数学公式（如 Remarkable 提到的 MathJax 支持）
这意味着你可以在写作过程中直接发现“标题层级写错”“列表缩进断了”“代码块没闭合”这类问题，而不必等到导出时才暴露。
常见局限：预览不等于最终成品
实时预览追求的是编辑时的即时反馈，它和导出结果之间可能存在差异，需要留意：
- 复杂表格：列宽、对齐方式在编辑区和导出 PDF 中可能表现不同。
- 数学公式：MathJax 在预览中的渲染依赖编辑器内置的解析环境，导出时若走另一套流程，字号或换行可能变化。
- 分页与边距：预览通常不模拟纸张分页，导出 PDF 后才看得到实际断页位置。
- 滚动同步：分屏模式下源码与预览的滚动位置未必始终对齐，长文档中容易看错行。
这些差异不代表实时预览不可靠，而是说明它的定位是“写作时的格式校对工具”，不是“最终输出的模拟器”。
使用建议
- 写作阶段用 Live Preview：专注内容，同时让标题、列表、链接的格式问题即时暴露。
- 结构复杂时切到分屏或源码：处理多层嵌套列表、大表格时，直接看源码更不容易出错。
- 导出前检查最终效果：尤其是要导出 PDF 的文档，重点核对表格、公式和分页。
- 先确认编辑器支持范围：不同编辑器对公式、表格的实时渲染能力不同，Remarkable 的资料提到 MathJax 与 PDF 导出，但具体渲染细节以其实际表现为准。
一句话总结：Live Preview 让 Markdown 写作从“写源码、再预览”变成“边写边看”，适合日常校对；对格式精度要求高的文档，导出前仍要过一遍最终成品。