# MD Pro - 专业的Markdown编辑器和转换工具 [](https://github.com/pythonshiyi/MDPRO/stargazers) [](https://github.com/pythonshiyi/MDPRO/network) [](https://github.com/pythonshiyi/MDPRO/issues) [](LICENSE) 一个功能强大、界面现代的Markdown编辑器，提供实时预览、多格式导出和专业的编辑体验。 ## 🌟 在线体验 **立即体验完整功能版本：** [http://md.aiqgc.com/](http://md.aiqgc.com/) ✨ > 💡 在线版本包含更多高级功能和云端同步能力，推荐使用！ ## ✨ 主要功能 ### 🎯 核心特性 - **一键复制内容** - 醒目的复制按钮，直接复制预览区域的富文本内容，可无损粘贴到公众号等平台 - **实时双向预览** - 编辑器与预览区域实时同步，支持滚动联动 - **智能文档大纲** - 自动生成文档结构导航，快速定位内容 - **多格式导出** - 支持HTML、PDF、Markdown、纯文本等格式 - **响应式设计** - 完美适配桌面端和移动端设备 ### 🛠️ 编辑功能 - 语法高亮显示 - 智能代码补全 - 快捷工具栏（粗体、斜体、链接、代码等） - 键盘快捷键支持 - 文件拖拽导入 ### 🎨 界面设计 - 现代化Material Design风格 - 深蓝色专业主题配色 - 可折叠侧边栏 - 多种视图模式（分屏/纯编辑/纯预览） - 全屏预览支持 ### 📤 导出选项 - **HTML** - 完整样式的网页格式 - **PDF** - 适合打印的文档格式 - **Markdown** - 保持原始语法的纯文本 - **纯文本** - 去除格式的文本内容 ## 🚀 快速开始 ### 🌐 推荐：在线使用 访问 **[http://md.aiqgc.com/](http://md.aiqgc.com/)** 获得最佳体验： - ☁️ 云端文档同步 - 🔄 自动保存功能 - 📱 移动端优化 - 🎨 更多主题选择 - 🚀 更快的加载速度 ### 💻 本地部署 ```bash # 克隆项目 git clone https://github.com/pythonshiyi/MDPRO.git # 进入项目目录 cd MDPRO # 使用任意HTTP服务器启动 ``` #### 启动方式 ```bash # 方式1: 使用Python python -m http.server 8000 # 方式2: 使用Node.js npx serve . # 方式3: 使用Live Server (VS Code扩展) # 右键index.html -> Open with Live Server ``` ## ⌨️ 键盘快捷键 | 快捷键 | 功能 | |--------|------| | `Ctrl+N` | 新建文档 | | `Ctrl+O` | 打开文件 | | `Ctrl+S` | 保存文档 | | `Ctrl+H` | 复制内容 | | `Ctrl+E` | 导出文档 | | `Ctrl+B` | 粗体格式 | | `Ctrl+I` | 斜体格式 | | `Ctrl+K` | 插入链接 | | `Esc` | 关闭模态框 | ## 🎯 使用场景 ### 技术文档编写 - API文档制作 - 项目README编写 - 技术博客创作 - 代码注释文档 ### 学术写作 - 论文草稿编写 - 研究笔记整理 - 课程讲义制作 - 学习资料汇总 ### 内容创作 - 博客文章编写 - 产品说明文档 - 用户手册制作 - 营销文案创作 ## 🏗️ 技术架构 ### 前端技术栈 - **HTML5** - 语义化结构 - **CSS3** - 现代化样式和动画 - **Vanilla JavaScript** - 原生JS实现，无框架依赖 ### 核心依赖 - **Marked.js** - Markdown解析引擎 - **Highlight.js** - 代码语法高亮 - **jsPDF** - PDF生成库 - **Inter & Fira Mono** - 专业字体 ### 浏览器兼容性 - Chrome 80+ - Firefox 75+ - Safari 13+ - Edge 80+ ## 📁 项目结构 ``` md-pro/ ├── index.html # 主页面 ├── styles.css # 样式文件 ├── script.js # 核心JavaScript ├── README.md # 项目说明 └── 白皮书.txt # 产品白皮书 ``` ## 🔧 自定义配置 ### 主题定制 可以通过修改 `styles.css` 中的CSS变量来自定义主题： ```css :root { --primary-color: #2563eb; /* 主色调 */ --secondary-color: #0d9488; /* 辅助色 */ --accent-color: #f59e0b; /* 强调色 */ --background-color: #f8fafc; /* 背景色 */ } ``` ### 编辑器配置 可以在 `script.js` 中修改Marked.js的配置： ```javascript marked.setOptions({ highlight: function(code, lang) { /* 代码高亮配置 */ }, breaks: true, // 支持换行 gfm: true // GitHub风格Markdown }); ``` ## 🤝 贡献指南 欢迎提交Issue和Pull Request来改进项目！我们非常欢迎社区贡献。 ### 🚀 快速开始贡献 1. ⭐ 给项目点个Star支持我们 2. 🍴 Fork项目到你的GitHub账户 3. 🔧 克隆到本地进行开发 4. 🌿 创建功能分支进行修改 5. 📝 提交Pull Request ### 📋 代码规范 - 使用ES6+语法 - 遵循语义化命名 - 添加必要的注释 - 保持代码整洁 - 提交前请测试功能 ### 🐛 问题反馈 如果您发现任何问题或有功能建议，请： 1. 查看 [Issues](https://github.com/pythonshiyi/MDPRO/issues) 是否已存在相关问题 2. 创建新的Issue并详细描述问题 3. 或者访问 [在线版本](http://md.aiqgc.com/) 获取技术支持 ## 📄 许可证 MIT License - 详见 [LICENSE](LICENSE) 文件 ## 🙏 致谢 感谢以下开源项目的支持： - [Marked.js](https://marked.js.org/) - Markdown解析 - [Highlight.js](https://highlightjs.org/) - 代码高亮 - [jsPDF](https://github.com/parallax/jsPDF) - PDF生成 - [Inter Font](https://rsms.me/inter/) - 现代字体 ## 🌟 相关项目 如果您喜欢MD Pro，您可能也会对这些项目感兴趣： - [在线完整版MD Pro](http://md.aiqgc.com/) - 功能更强大的云端版本 - 更多AI工具和编辑器正在开发中... ## 📞 联系我们 - 🌐 官方网站：[http://md.aiqgc.com/](http://md.aiqgc.com/) - 📧 技术支持：通过官网联系我们 - 💬 问题反馈：[GitHub Issues](https://github.com/pythonshiyi/MDPRO/issues) --- **MD Pro** - 让Markdown编辑更加专业和高效！ ⭐ 如果这个项目对您有帮助，请给我们一个Star支持！ 💡 想要体验更多功能？访问 [完整版MD Pro](http://md.aiqgc.com/) 获得最佳体验！# MDPRO # MDPRO # MDPRO