Markdown转换器

Markdown与HTML的相互转换,支持实时预览和语法高亮

Markdown输入
字符数: 544行数: 49单词数: 70
HTML输出
<h1>Markdown示例文档</h1>
<h2>文本样式</h2>
<p>  这是一个<strong>粗体文本</strong><em>斜体文本</em>的示例。</p>
<p>  你也可以使用<del>删除线</del><code>行内代码</code></p>
<h2>列表</h2>
<h3>无序列表</h3>
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
<h3>有序列表</h3>
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<h2>链接和图片</h2>
<p>  这是一个<a href="https://example.com">链接示例</a></p>
<p>  <img src="https://via.placeholder.com/150" alt="图片示例"></p>
<h2>代码块</h2>
<pre><code class="language-javascript">function hello() {
    console.log("Hello, World!");
}
</code></pre>
<h2>引用</h2>
<blockquote>
<p>这是一个引用示例。
可以包含多行内容。</p>
</blockquote>
<h2>表格</h2>
<table>
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
</thead>
<tbody><tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
</tbody></table>
<hr>
<p>  这就是Markdown的基本语法示例!</p>
字符数: 839行数: 53
Markdown语法参考

Markdown在线编辑器 - 实时预览轻量级标记语言写作工具

Markdown在线编辑器提供左侧编辑、右侧实时预览的写作体验,支持语法高亮、多格式导出。Markdown 是一种轻量级标记语言,通过简洁的语法让你专注于内容本身,而非繁琐的格式调整。无需安装任何软件,打开浏览器即可开始写作。

下面介绍 Markdown 编辑器的功能特点和使用方法。

什么是 Markdown

Markdown由 John Gruber 于 2004 年创建,是一种使用纯文本格式编写文档的语法规范,可转换为结构化的 HTML 文档。与传统富文本编辑器不同,Markdown 让写作者通过简单的符号来表达格式意图,如用 # 表示标题,用 ** 包裹文字表示粗体。语法直观,几分钟即可上手,是开发者、技术写作者和内容创作者的首选写作方式。

核心功能

实时预览

左侧编辑、右侧实时渲染,所见即所得的写作体验

语法高亮

关键字高亮显示,减少语法错误,提升写作效率

多格式导出

支持导出 HTML、PDF 等格式,方便分享和发布

使用教程

  1. 在左侧编辑区输入 Markdown 内容,右侧会实时渲染预览效果。
  2. 使用 # 表示标题,**文字** 表示粗体,*文字* 表示斜体。
  3. 使用 -1. 创建列表,用 [链接](URL) 插入链接。
  4. 编辑完成后,选择导出为 HTML 或 PDF 格式,下载到本地。
  5. 内容会自动保存到浏览器本地,下次打开仍可恢复。

适用场景

  • 技术文档:编写 README、API 文档,GitHub 等平台原生支持 Markdown
  • 博客写作:WordPress、Hexo、Jekyll 等博客平台均支持 Markdown
  • 知识管理:Obsidian、Notion 等工具以 Markdown 为核心构建知识库
  • 学术写作:结合 Pandoc 可转换为 PDF、Word、LaTeX 等多种格式

Markdown 与富文本编辑器对比

Markdown学习成本低、写作效率高、文件兼容性极强,完美支持版本控制,适合结构化文档写作。富文本编辑器则适合需要复杂版面设计的商业文档。对于技术文档、博客写作和知识笔记,Markdown 是更优的选择;对于复杂排版的商业文档,富文本编辑器仍有其用武之地。

常见问题

Markdown 文件用什么扩展名保存?

通常使用 .md.markdown 扩展名。.md 是最常用的简写形式,被 GitHub、GitLab 等平台广泛支持。

Markdown 支持哪些图片格式?

Markdown 本身不限制图片格式,浏览器支持的 JPG、PNG、GIF、WebP、SVG 等均可使用。图片引用方式为 ![描述](图片URL)

如何在 Markdown 中插入数学公式?

标准 Markdown 不原生支持数学公式,但许多扩展版本支持 LaTeX 语法。行内公式使用 $公式$,块级公式使用 $$公式$$

Markdown 如何设置文字颜色?

标准 Markdown 语法不支持文字颜色设置。若需要彩色文字,可以在 Markdown 中直接嵌入 HTML 代码,但并非所有渲染器都支持内嵌 HTML。

在线编辑器的内容安全吗?

本工具的编辑完全在本地浏览器中运行,内容不会上传至任何服务器。建议定期将文件下载保存到本地,养成备份习惯。

标题 # 后面需要加空格吗?

需要。标题 # 后面必须有空格,如 # 标题 而非 #标题,否则不会被识别为标题。这是初学者最常犯的错误之一。