Markdown编辑器

欢迎使用 Markdown 预览

在此输入 Markdown 文本,下方将实时预览。

  • 支持列表
  • 支持加粗
  • 支持代码块
console.log('Hello World');

什么是Markdown 编辑器?

Markdown 编辑器是一款双栏实时预览工具。左侧为编辑区,右侧为预览区,输入 Markdown 语法后立即渲染出对应格式,支持标题、粗体斜体、列表、引用、链接、图片、表格、代码块和行内代码等常用元素。页面默认提供一段示例文本便于上手。渲染使用 react-markdown 在浏览器本地完成,内容不会上传。适用于写文档、记笔记、编辑 README、准备博客草稿和教学演示。

使用场景5个场景
  • 编写项目 README 文档
  • 日常笔记与知识整理
  • 撰写博客文章草稿
  • 准备技术分享内容
  • 教学演示 Markdown 语法
如何使用?5
  1. 1打开页面,默认加载示例文本
  2. 2在左侧编辑 Markdown 内容
  3. 3右侧预览实时更新
  4. 4清空后输入自己的内容
  5. 5复制或导出所需部分
功能特点8个特点
  • 免费使用
  • 无需注册
  • 双栏实时预览
  • 支持常用 Markdown 语法
  • 默认示例文本
  • 纯浏览器渲染
  • 移动端适配
  • 轻量快速
常见问题7个问题
Markdown 编辑器 是什么?

一款在线 Markdown 写作与预览工具。输入:Markdown 语法文本。输出:实时渲染的格式化内容。适用于写文档、记笔记和准备博客草稿。渲染在浏览器本地完成,内容不上传。

支持哪些语法?

支持标题、粗体、斜体、列表、引用、链接、图片、表格、代码块、行内代码和分割线等常用 Markdown 元素。

预览是实时的吗?

是。左侧输入任何改动,右侧立即重新渲染,无需点击按钮。

内容会被上传吗?

不会。渲染使用 react-markdown 在浏览器本地完成,没有任何网络请求。

可以导出 HTML 吗?

当前版本专注于编辑与预览;导出 HTML 可复制预览内容到其他工具处理。

支持表格语法吗?

支持标准 GFM 表格语法,用 | 分隔列、- 分隔表头即可渲染。

手机上能用吗?

可以,双栏在窄屏下会自动堆叠,编辑和预览都可正常使用。