Markdown在线预览与编辑工具

采用左右分栏布局，左侧为 Markdown 源码编辑区，右侧为 HTML 实时渲染预览区。编辑区支持代码高亮和行号显示，预览区完整呈现标题层级、段落排版、列表缩进、表格样式、图片展示和代码块渲染效果。当您在左侧输入或修改 Markdown 内容时，右侧预览区会在极短的延迟内自动更新渲染结果，实现真正的所见即所得。预览区的渲染样式经过精心调优，确保在不同屏幕尺寸下都能呈现出专业、美观的排版效果，同时支持暗色主题切换。

提供直观的格式化工具栏按钮，覆盖 Markdown 最常用的语法元素。加粗按钮自动包裹双星号（**文本**），斜体按钮包裹单星号（*文本*），标题按钮依次插入一级到六级标题标记（# 到 ######），有序列表和无序列表按钮自动添加前缀标记，引用按钮插入大于号（>），代码块按钮插入三个反引号（```），链接按钮弹出输入框让用户填写 URL 和显示文本，图片按钮同样支持 URL 输入，表格按钮自动生成标准的 Markdown 表格模板。所有按钮操作都会在光标当前位置插入对应语法，无需手动输入标记符号。

内置高性能代码高亮引擎，支持超过 190 种编程语言和标记语言的语法着色。在 Markdown 源码中使用三个反引号包裹代码块时，可以指定语言标识符（如 javascript、python、java、cpp、go、rust、sql、bash 等），右侧预览区会自动应用对应语言的语法高亮配色方案。支持的语言涵盖所有主流编程语言（JavaScript、TypeScript、Python、Java、C/C++、Go、Rust、C#、PHP、Ruby、Swift、Kotlin 等）、前端技术栈（HTML、CSS、SCSS、Less 等）、数据格式（JSON、YAML、XML、TOML 等）、脚本语言（Shell、PowerShell、Batch 等）以及数据库语言（SQL、MySQL、PostgreSQL 等）。代码块支持行号显示和横向滚动，确保长代码也能完整展示。

支持多种常用快捷键操作，大幅提升 Markdown 写作效率。Ctrl+B 快速插入加粗语法，Ctrl+I 快速插入斜体语法，Ctrl+K 快速插入链接语法，Tab 键在列表中实现缩进嵌套操作。快捷键与工具栏按钮功能互补，熟练使用快捷键后可以完全脱离鼠标操作，实现纯键盘驱动的高效写作流程。所有快捷键都遵循业界通用的编辑器约定，与 VS Code、Typora 等主流编辑器的操作习惯保持一致，用户无需额外学习即可上手使用。

工具内置自动保存机制，每次编辑内容发生变化后会自动将当前 Markdown 源码保存到浏览器的 localStorage 中。即使您意外关闭了浏览器标签页、刷新了页面或电脑突然断电重启，只要不清除浏览器缓存数据，您的内容都能完整恢复。下次打开工具时，系统会自动检测 localStorage 中是否存在已保存的内容，并在页面加载完成后自动恢复到上次的编辑状态。自动保存功能在后台静默运行，不会产生任何弹窗提示或操作中断，让您专注于内容创作本身。请注意，自动保存依赖于浏览器的本地存储，清除浏览器数据会导致保存的内容丢失，建议定期导出备份。

提供三种便捷的内容导出方式，满足不同场景需求。复制 Markdown 功能可以一键复制左侧编辑区的原始 Markdown 源码到系统剪贴板，方便粘贴到 GitHub Issues、论坛帖子、博客后台等支持 Markdown 的平台。复制 HTML 功能将右侧预览区渲染后的完整 HTML 代码复制到剪贴板，适用于需要嵌入网页的场景，如邮件正文、CMS 内容编辑器、微信公众号编辑器等。导出 HTML 文件功能会生成一个包含完整 HTML 结构的独立文件（包含内联样式和必要的 meta 标签），并自动触发浏览器下载，生成的 HTML 文件可以在任何浏览器中直接打开查看，无需依赖任何外部资源，适合用于文档存档和离线分享。

工具界面底部实时显示当前 Markdown 内容的字数统计信息，包括总字符数和单词数。字数统计功能在每次编辑后自动更新，帮助您随时掌握文档的篇幅规模。对于有字数要求的写作场景（如技术博客投稿、文档字数限制等），字数统计功能可以避免反复手动计数的麻烦。统计数据基于纯文本分析，中英文字符和标点符号均会被计入，确保统计结果的准确性。字数信息以简洁的数字标签形式展示在编辑区下方，不占用额外的屏幕空间，也不会干扰正常的写作流程。