AnyNPC

点击"示例"按钮或拖拽 .md 文件开始

0 0 字符0

在线 Markdown 编辑器

在线 Markdown 编辑器,支持实时预览。分栏编辑,所见即所得。支持标题、粗体、斜体、链接、图片、代码块、表格、列表和 GitHub 风味 Markdown。功能包括视图切换(编辑/预览/分栏)、一键复制 HTML、下载为 .md 或 .html 文件、拖拽上传文件、工具栏快捷键以及字数统计。所有渲染使用 marked 库在浏览器本地完成,数据不会上传到任何服务器。

功能特性

  • 实时预览 — 输入 Markdown 的同时右侧面板即时显示渲染后的 HTML 效果
  • 分栏编辑 — 左侧编辑 Markdown 源码,右侧并排查看渲染结果
  • 视图模式切换 — 一键切换纯编辑、纯预览、左右分栏三种视图模式
  • 工具栏快捷键 — 粗体、斜体、标题、链接、图片、列表、代码块一键插入
  • 复制 HTML — 一键复制渲染后的完整 HTML 代码,用于网站或邮件
  • 下载为 .md 或 .html — 保存为 Markdown 源文件或导出渲染后的 HTML
  • 拖拽上传 .md 文件 — 将 Markdown 文件拖入编辑器即可加载内容
  • 字数、字符数和行数统计 — 底栏实时显示文本统计信息
  • GitHub 风味 Markdown — 支持表格、任务列表、删除线、自动链接和代码块语法高亮
  • 响应式设计 — 桌面端左右分栏,移动端自动上下堆叠
  • 纯浏览器端运行 — 使用 marked 库本地渲染,数据不上传任何服务器

使用方法

  1. 1在左侧编辑区输入或粘贴 Markdown 文本,右侧面板实时显示渲染效果。
  2. 2使用顶部的视图切换按钮(编辑/预览/分栏)切换不同编辑模式。
  3. 3点击工具栏按钮(B、I、H、链接、图片、列表、代码)在光标位置插入 Markdown 语法。
  4. 4拖拽 .md 文件到编辑器区域即可加载内容,或点击上传按钮选择文件。
  5. 5点击复制 HTML 将渲染结果复制到剪贴板,或使用下载功能保存为 .md 或 .html 文件。
  6. 6底栏实时显示字数、字符数和行数统计信息。

常见问题

相关工具