Markdown编辑器 (CodeMirror)

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

输入区

预览输出

工具说明

本工具是一个 Markdown 在线编辑器，左侧支持 Markdown 语法高亮编辑，右侧提供实时预览和代码高亮显示，适合作为日常写作、技术文档、接口说明、博客草稿等场景的轻量编辑器。

核心功能

左侧编辑器支持 Markdown 语法高亮、行号、折叠等功能
右侧实时预览区域，基于 marked 渲染，并使用 Highlight.js 进行代码高亮（输入自动更新预览）
内置 DOMPurify 安全过滤，防止渲染恶意 HTML 标签和脚本
支持加粗、斜体、引用、链接、标题、列表等常用 Markdown 快捷按钮
支持粘贴、清空、复制 HTML、下载 Markdown 和导出 HTML 文件
支持键盘快捷键：Ctrl/⌘ + B 加粗、Ctrl/⌘ + I 斜体、Ctrl/⌘ + L 清空
支持在桌面端拖拽分割线调整编辑区与预览区宽度比例
支持浅色/深色主题切换，并自动切换编辑器主题（eclipse/dracula）

使用步骤

在左侧编辑器中输入或粘贴 Markdown 文本内容；
使用上方工具栏按钮快速插入加粗、引用、列表、标题等常用格式；
编辑过程中右侧会自动实时预览渲染结果，无需手动点击按钮；
当内容准备好后，可以点击“复制HTML”获取渲染后的 HTML 代码；
也可以使用“下载MD”与“下载HTML”将内容保存为本地文件。

使用技巧

如果你是 Markdown 新手，可以先从标题、列表、链接等基础语法开始练习；
代码块建议使用 ```language 的形式标注语言名称，便于代码高亮识别；
如果发现预览内容没有更新，可以尝试稍微修改内容或检查是否存在语法错误；
在不同设备之间复制内容时，推荐优先复制 Markdown 文本，再由本工具渲染为 HTML；
对于公开发布的内容，请注意不要在 Markdown 中嵌入不可信来源的 HTML 代码。