首页Markdown编辑器 (CodeMirror)

Markdown编辑器 (CodeMirror)

基于CodeMirror构建,支持实时预览、代码高亮、主题切换、快捷语法工具栏和导出功能的Markdown在线编辑器

输入区
预览输出


说明文档

工具说明

这是一个基于 CodeMirror 的 Markdown 在线编辑器,左侧编辑、右侧实时预览,适合写技术文档、接口说明、博客草稿等内容。

核心功能

  • Markdown 语法高亮、行号、折叠
  • 实时预览与代码高亮渲染
  • DOMPurify 安全过滤,降低恶意 HTML 风险
  • 常用语法工具栏(加粗、链接、标题、列表、代码块等)
  • 支持粘贴、清空、复制 HTML、下载 MD、下载 HTML
  • 支持快捷键:Ctrl/⌘ + BCtrl/⌘ + I
  • 桌面端支持拖拽分割线调整编辑区和预览区比例
  • 支持浅色/深色主题切换

使用方法

  1. 在左侧输入或粘贴 Markdown 内容
  2. 使用工具栏快速插入语法
  3. 在右侧查看实时预览
  4. 按需复制 HTML 或下载 MD/HTML 文件

使用技巧

  • 新手可从标题、列表、链接等基础语法开始
  • 代码块建议使用 ```language 标注语言
  • 预览异常时可检查语法是否闭合
  • 跨设备协作建议优先复制 Markdown 原文