使用说明

📝 功能介绍

Markdown编辑器是一个功能强大的在线编辑工具,支持实时预览、语法高亮、快捷键操作等功能,帮助您快速编写和编辑Markdown文档。

✨ 主要特性

  • 实时预览:左侧编辑,右侧实时预览效果
  • 语法高亮:支持Markdown语法高亮显示
  • 快捷键支持:提供丰富的快捷键操作
  • 多种导出:支持导出Markdown和HTML格式
  • 响应式设计:适配各种屏幕尺寸
  • 本地存储:自动保存编辑内容到本地

💡 使用步骤

  1. 在左侧编辑区域输入或粘贴Markdown内容
  2. 右侧会实时显示渲染后的效果
  3. 使用工具栏按钮或快捷键进行格式化
  4. 编辑完成后点击"导出Markdown"保存.md文件
  5. 或点击"导出HTML"生成完整的HTML文档

⌨️ 常用快捷键

  • Ctrl + B:加粗文本
  • Ctrl + I:斜体文本
  • Ctrl + K:插入链接
  • Ctrl + Shift + I:插入图片
  • Ctrl + Shift + C:插入代码块
  • Ctrl + Shift + Q:引用文本
  • Ctrl + Shift + L:无序列表
  • Ctrl + Shift + O:有序列表

📋 支持语法

  • 标题:使用 # 符号(# 一级标题,## 二级标题等)
  • 文本格式:**粗体**、*斜体*、~~删除线~~
  • 链接:[链接文本](URL)
  • 图片:![alt文本](图片URL)
  • 代码:`行内代码` 和 ```代码块```
  • 列表:- 无序列表 和 1. 有序列表
  • 引用:> 引用文本
  • 表格:使用 | 分隔列,--- 分隔表头
  • 分割线:使用 --- 或 ***

🎯 适用场景

  • 编写技术文档和README文件
  • 创建博客文章和笔记
  • 制作项目说明文档
  • 编写API文档
  • 制作演示文稿
  • 记录学习笔记和知识整理

⚠️ 注意事项

  • 编辑器会自动保存内容到浏览器本地存储
  • 刷新页面后内容不会丢失
  • 建议定期导出重要文档到本地文件
  • 支持大部分标准Markdown语法
  • 某些特殊语法可能需要查看具体支持情况
  • 导出HTML时会生成完整的HTML文档结构

❓ 常见问题

  • Q: 如何插入表格?
    A: 使用 | 分隔列,第二行使用 --- 分隔表头,例如:| 列1 | 列2 | 列3 |
  • Q: 支持数学公式吗?
    A: 支持LaTeX数学公式,使用 $ 符号包围,如 $E=mc^2$
  • Q: 可以自定义样式吗?
    A: 导出的HTML文件可以进一步自定义CSS样式。
  • Q: 支持流程图和时序图吗?
    A: 支持Mermaid语法绘制流程图、时序图等。
  • Q: 如何插入代码高亮?
    A: 在代码块后指定语言,如 ```javascript 或 ```python