完全免费 · 本地运行 · 隐私安全

markdown编辑器|markdown在线|md文件怎么打开-支持markdown转word,pdf,图片,html

左侧编辑Markdown,右侧实时预览,支持WYSIWYG所见即所得模式,可导出MD、Word、PDF、图片和HTML。
语法支持标准+GFM
编辑模式源码+WYSIWYG
处理方式本地运行
导出格式MD/Word/PDF/图片/HTML

Markdown 编辑器介绍

Markdown编辑器(Markdown在线)是一款完全免费、基于浏览器本地运行的在线写作工具,支持标准Markdown与GFM扩展语法,提供分栏预览与WYSIWYG所见即所得双模式,可随时切换。左侧编辑右侧实时预览,内置语法工具栏、目录树管理、字数统计与滚动同步。它解决了本地编辑器安装繁琐、网页编辑器卡顿丢稿的问题,无需注册即可使用,所有内容仅在本地处理,隐私安全。支持将Markdown一键导出为MD、Word、PDF、PNG图片和HTML文件,适用于技术文档、博客草稿、学习笔记和项目README等场景,让写作与格式转换更高效。

markdown是什么

Markdown是一种轻量级标记语言,由John Gruber于2004年创建,使用简单的纯文本符号(如#、*、-、[]())表达标题、列表、引用、链接、图片、代码块等排版结构。其核心理念是“易读易写”,源文本本身可读,渲染后格式清晰。Markdown已成为技术文档、开源项目README、博客文章和笔记工具的事实标准,GitHub、GitLab、语雀等平台均原生支持。

什么是WYSIWYG

WYSIWYG是“What You See Is What You Get”的缩写,即“所见即所得”。在本编辑器中,除了传统的左侧Markdown源码、右侧预览的分栏模式,还提供WYSIWYG模式:您可以直接在渲染后的富文本界面上编辑内容,就像使用Word一样,标题、列表、表格、图片等实时呈现,无需记忆语法符号。同时底层仍保存为Markdown格式,切换回Markdown模式可继续编辑源码,兼顾易用性与可移植性。这种双模式设计,既适合不熟悉语法的初学者,也满足喜欢直接书写源码的高级用户。

md文件怎么打开

md文件是Markdown格式的纯文本文件,可用任何文本编辑器(如记事本、VS Code)打开查看源码,但若要看到渲染后的排版效果,推荐使用本在线Markdown编辑器——打开页面即可粘贴或导入md内容,右侧实时预览。也可以使用Typora、Obsidian等本地工具。本工具还支持将md文件导出为HTML、Word、PDF等格式,方便分享给不熟悉Markdown的人。

markdown转word如何完成?

将Markdown转换为Word文档,传统方式需要借助Pandoc等命令行工具,操作复杂。本工具内置一键导出Word功能:在左侧编辑区写好Markdown内容后,点击顶部“导出”按钮,选择“导出 Word”,即可生成.docx文件,保留标题、列表、表格、代码块和图片等格式。整个过程在浏览器本地完成,无需上传文件,安全便捷。

markdown 转 pdf如何完整?

Markdown转PDF通常需要先转HTML再打印,容易出现分页错乱、图片缺失。本工具提供“导出 PDF”选项,基于浏览器原生打印功能,自动收集页面样式,并等待所有图片加载完成后再生成PDF,确保内容完整、排版一致。点击“导出 PDF”后,在弹出的打印对话框中选择“另存为PDF”即可。适合需要正式归档或打印的场景。

markdown如何引用图片

在Markdown中引用图片的语法为:![描述文字](图片地址)。图片地址可以是网络链接(如https://...),也可以是本地相对路径。本编辑器支持实时预览图片,导出Word时会将网络图片自动内联为base64,确保离线也能查看。如果图片来自本地,建议先上传到图床获取链接,再插入Markdown中。

markdown表格语法介绍

Markdown表格使用 | 和 - 构建。基本语法:第一行为表头,用 | 分隔单元格;第二行用 |---| 定义对齐方式(冒号在左表示左对齐,在右表示右对齐,两侧都有表示居中);后续行为数据行。例如:

| 姓名 | 年龄 | 城市 |
| :--- | :--: | ---: |
| 张三 |  25  | 北京 |
| 李四 |  30  | 上海 |

对齐方式说明::--- 左对齐,:--: 居中,---: 右对齐。单元格内也可以使用粗体、行内代码、链接等语法。本编辑器的实时预览会正确渲染表格,导出HTML/Word/PDF时表格样式也会保留。

markdown常用语法介绍

以下为本编辑器支持的常用Markdown语法,覆盖日常写作90%以上的排版需求。每条语法都给出了写法与说明,可直接复制到编辑区使用。

1. 标题(Heading)

在行首使用1到6个#加空格,分别表示一级到六级标题。例如 # 一级标题、## 二级标题,依次递减。标题会自动生成文档大纲,便于导航。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2. 段落与换行

段落之间用一个空行分隔即可。若需在段内强制换行,可在行尾加两个空格后再回车,或直接使用 <br> 标签。

这是第一段。

这是第二段。

这一行末尾有两个空格  
强制换行到这里。

3. 文本样式

使用 *斜体* 或 _斜体_ 表示斜体;**粗体** 或 __粗体__ 表示粗体;***粗斜体*** 表示粗斜体;~~删除线~~ 表示删除线。下划线、上标、下标等可通过HTML标签实现。

*斜体*  **粗体**  ***粗斜体***  ~~删除线~~
<u>下划线</u>  x<sup>2</sup>  H<sub>2</sub>O

4. 列表(List)

无序列表使用 -、+ 或 * 加空格;有序列表使用 1.、2. 加空格。通过缩进(两个空格或一个Tab)可创建嵌套列表。

- 无序项一
- 无序项二
  - 嵌套项

1. 有序项一
2. 有序项二

5. 链接(Link)

行内链接写法为 [显示文字](链接地址);可加标题 [文字](url "标题")。也可使用引用式链接,把地址统一放到文档末尾。自动链接直接写 <https://example.com> 即可。文档内锚点用 [跳转](#标题)。

[百度](https://www.baidu.com)
[带标题](https://www.baidu.com "百度一下")
<https://www.example.com>
[跳转到标题](#1-标题)

6. 图片(Image)

图片语法为 ![替代文本](图片地址),前面加 !。地址可以是网络URL或本地相对路径。可加标题:![描述](url "悬停文字")。若要让图片可点击跳转,可写成 [![alt](img)](link)。

![风景图](https://example.com/pic.jpg)
![风景图](https://example.com/pic.jpg "这是一张风景图")
[![点击跳转](img.png)](https://example.com)

若需控制图片大小、圆角或居中,可使用HTML方式,如 <img src="url" width="200">,或 <div align="center">...</div> 包裹图片。

7. 引用(Blockquote)

在行首使用 > 加空格表示引用块,可多行连续书写。使用多个 > 可创建嵌套引用。引用块内可继续使用粗体、列表、代码等语法。

> 这是一段引用。
>
> > 这是嵌套引用。

> **粗体**、*斜体*、`代码`
> - 列表项

8. 代码(Code)

行内代码用反引号包裹:`code`。多行代码块使用三个反引号包裹,并在开头指定语言名以获得语法高亮(如 ```javascript)。也可使用四个空格缩进表示代码块。

`console.log()` 是行内代码。

```javascript
function hello(name) {
  console.log(`Hello, ${name}!`);
}
hello("World");
```

9. 表格(Table)

使用 | 分隔单元格,- 分隔表头与数据行。通过冒号位置控制对齐::--- 左对齐,:--: 居中,---: 右对齐。

| 姓名 | 年龄 | 城市 |
| :--- | :--: | ---: |
| 张三 |  25  | 北京 |
| 李四 |  30  | 上海 |

10. 分隔线(Horizontal Rule)

单独一行输入三个或更多 -、*、_ 即可生成水平分隔线,用于区分章节。

---
***
___

11. 任务列表(Task List)

GFM扩展语法,用 - [ ] 表示未完成,- [x] 表示已完成。渲染后会显示为复选框,适合待办清单、项目进度等场景。

- [x] 已完成任务
- [ ] 未完成任务
- [ ] 待办事项

12. 转义字符

若希望显示Markdown的特殊符号本身,可在符号前加反斜杠 \。可转义的字符包括:\ ` * _ { } [ ] ( ) # + - . ! | 等。

\*不是斜体\*
\# 不是标题
\[不是链接\]

13. HTML内联与扩展语法

Markdown支持直接嵌入HTML,可实现居中、换行、高亮、折叠等效果。常用标签有 <br>、<u>、<mark>、<kbd>、<details> 等。部分解析器还支持脚注 [^1]、数学公式 $...$、表情 :smile:、高亮 ==文字== 等扩展语法。

<mark>高亮</mark>  按 <kbd>Ctrl</kbd> 复制

<details>
<summary>点击展开</summary>
这里是隐藏内容。
</details>

掌握以上13类语法,即可应对绝大多数Markdown写作场景。本编辑器顶部工具栏提供一键插入按钮,无需手动输入符号;如果不确定语法效果,可随时在右侧预览区查看渲染结果,或切换到WYSIWYG模式直接可视化编辑。

Markdown 编辑器场景问题

本编辑器同时支持标准 Markdown 与 GFM(GitHub Flavored Markdown)扩展语法,包括 1-6 级标题、加粗、斜体、删除线、有序/无序列表、任务清单、引用块、行内代码、围栏代码块、表格、分割线、超链接与图片、自动链接等。渲染结果兼容 GitHub、GitLab、主流博客平台与静态站点生成器,可直接复制使用。

绝对不会。所有 Markdown 解析与预览渲染均在浏览器本地完成,内容不会上传至任何服务器,也不经过任何网络请求。关闭页面后数据自动清除,无任何残留。相比部分需要登录并云端存储的在线编辑器,本工具更注重隐私安全,可在断网环境下正常使用。

写作完成后,您可以将渲染结果一键复制为 HTML 代码,直接粘贴到博客后台或内容管理系统中;也可以导出 .md 源文件用于长期归档、版本管理或迁移到 Typora、Obsidian 等本地工具;还可以导出完整的 HTML 页面文件,双击即可在浏览器中打开查看。同时支持导出 Word、PDF、PNG 图片,满足不同场景需求。

支持。编辑器采用左右分栏设计,左侧输入时右侧即时渲染,无需手动刷新。同时编辑区与预览区的滚动位置保持联动,修改长文档中的某一段时可以立刻看到对应的渲染效果,真正做到「边写边看」,大幅提升长文写作与排版校对的效率。

Word 等富文本编辑器的内容以封闭格式存储,跨平台打开时容易出现字体、缩进、编号错乱;Markdown 以纯文本为基础,源文件本身即可读,格式与内容分离,任何工具都能打开,迁移与版本管理都非常方便。本工具则结合了两者的优点:既保留纯文本的可移植性,又提供所见即所得的实时预览。

会。出于隐私保护考虑,本工具不会将内容存储到服务器或云端,内容仅保存在当前浏览器内存中。刷新或关闭页面后编辑区会被清空,无法恢复。因此建议在完成阶段性写作后,及时使用导出功能保存 .md 源文件,或复制 HTML 代码留存,避免辛苦写下的内容意外丢失。

可以。页面采用响应式布局,在小屏幕设备上会自动切换为上下结构或单栏模式,编辑与预览可分别查看。不过受限于移动端的输入体验与屏幕尺寸,建议长文写作仍以桌面端浏览器为主,移动端更适合快速修改、校对或临时记录灵感。

基本一致,但可能存在细微差异。本工具遵循通用 Markdown 规范进行渲染,而不同平台(如 GitHub、微信公众号、各类博客系统)对扩展语法、样式主题、图片宽度等的支持略有不同。建议发布前在目标平台上做一次最终校对,必要时通过复制 HTML 代码的方式保留排版效果。