使用方法
在线Markdown编辑器分左右两栏，操作很简单：
- 在左侧「Markdown 输入」里写内容，页面已预置一段含标题、列表、引用的示例。
- 右侧「实时预览」会随输入更新，也可点「刷新预览」手动重渲。
- 点「复制 HTML」把渲染出的真实 HTML 标签整段复制，方便贴进网页或富文本。
- 想还原初始示例，点「载入示例」。
在线Markdown编辑器能解决什么
它适合不想装软件、只想快速写点格式化文本的人：
- 写说明文档：README、注释、FAQ 用 Markdown 写最省事，这里是即写即见。
- 投稿前预览：很多平台用 Markdown，先在这里看排版对不对。
- 提取 HTML：需要一段带标签的内容时，写完直接复制 HTML。
本页不做的事：不支持表格、脚注、数学公式等扩展语法，也不做语法高亮。
原理和变量
① 用了哪个具体函数：按行遍历，用一组正则依次替换——先处理 # 标题，再处理列表与引用，最后做行内的加粗、斜体、行内代码和链接替换。
② 关键参数为什么这样取：先整行后行内，是为了避免把标题里的 * 误当斜体；行内替换用「最短匹配」，防止一行里的多个加粗互相吞并。
③ 遵循哪个标准：语法参考 CommonMark 的核心子集，只实现最常用的写法，保证结果可预期。
④ 输入怎么变成输出：演示里 # 在线Markdown编辑器 变成一级标题，**实时** 变成加粗，- 标题、加粗 变成无序列表项。
⑤ 边界与阈值：空输入时预览为空并提示；代码里的特殊符号会被转义显示；超长文本仍按行处理，不限制行数。
⑥ 常见误用的正确解释：预览框用纯文本展示结构，不等于最终排版；要拿到真正标签请用「复制 HTML」。Markdown 不是所见即所得，空格与空行对结果有影响。
完整示例
演示输入含四级结构，渲染结果逐步为：
# 在线Markdown编辑器→ 一级标题「在线Markdown编辑器」。**实时**→ 加粗的「实时」。- 标题、加粗、斜体→ 一个无序列表项。[柳泉工具](https://www.liuquan.net/)→ 文本「柳泉工具」加一个链接。> 全部在浏览器本地渲染→ 一段引用。
点「复制 HTML」，得到的是 <h1>、<strong>、<ul><li> 等真实标签。演示内容仅作说明。
输入范围与对照表
标记与渲染对照：
| 你输入 | 渲染为 | 说明 |
|---|---|---|
| # 标题 | <h1>标题</h1> | 一级标题 |
| ## 二级 | <h2>二级</h2> | 二级标题 |
| ### 三级 | <h3>三级</h3> | 三级标题 |
| **粗体** | <strong>粗体</strong> | 加粗 |
| *斜体* | <em>斜体</em> | 斜体 |
| - 项 | <ul><li>项</li></ul> | 无序列表 |
| 1. 项 | <ol><li>项</li></ol> | 有序列表 |
| > 引用 | <blockquote>引用</blockquote> | 引用块 |
| `code` | <code>code</code> | 行内代码 |
| [文](url) | <a href="url">文</a> | 链接 |
结果边界和舍入
本工具不涉及数值舍入。空格敏感：# 后需要有一个空格才会被识别为标题，- 与 1. 同理。行尾的多个空格会被规范化，连续空行会合并。预览框为只读，不能直接编辑，请回到左侧修改。
常见问题
为什么 # 后必须加空格？
这是 Markdown 通用约定，没有空格的 # 会被当成普通文本，不会被识别为标题。
支持表格和公式吗？
不支持。本页只实现标题、列表、引用、加粗、斜体、行内代码和链接等核心语法。
「复制 HTML」复制的是什么？
复制的是渲染后的真实标签，例如 <h1>、<strong>，可直接粘进网页源码或富文本。
内容会上传吗？
不会。解析和预览都在浏览器本地完成，内容不离开设备。
预览框能直接编辑吗？
不能，它是只读的展示区；请在左侧输入框修改。
代码块支持吗？
支持行内代码（反引号包裹`code`），暂不支持多行围栏代码块。
中英文混排会乱吗？
不会，逐行解析对中英文一视同仁，中文照常渲染。
为什么改了字预览没变？
预览随输入实时更新；若手动关闭了自动更新，可点「刷新预览」重渲。