中文 | English

纯前端的 Markdown 转 Word/PDF 工具，支持多种可切换、可编辑的样式模板，所见即所得。

纯前端，无后端，数据本地，安全：所有处理均在浏览器内完成，文档内容与样式配置仅保存在本地，不上传任何服务器，隐私有保障。

• Markdown 编辑与实时预览：支持常见语法（标题、列表、表格、代码块、引用、链接、图片等），代码块语法高亮
• 导出 Word / PDF：一键导出为 .docx 或 .pdf 格式
• 样式模板系统：内置默认、学术论文、技术文档三种预设模板，支持切换和实时预览
• 自定义模板：可修改样式配置（字体、字号、颜色、行高、标题样式、表格样式等），自定义模板自动保存到本地
• 所见即所得：预览区以纸张形式展示，带缩放控制
• Mermaid 图表：支持流程图、时序图、甘特图等多种图表渲染
• LaTeX 数学公式：支持行内公式与块级公式渲染
• 多语言支持：支持中文 / 英文界面切换

选择「自定义」模板后，可在右侧样式面板中精细调整以下配置，所有修改实时生效并自动保存到本地。

• React 19 + TypeScript
• Vite 6
• Tailwind CSS 4
• markdown-it + highlight.js（Markdown 解析与代码高亮）
• Mermaid（图表渲染）
• KaTeX（数学公式渲染）
• docx（Word 导出）
• html2pdf.js（PDF 导出）

npm install

npm run dev

npm run build

npm run preview

md2doc/
├── src/
│   ├── components/     # 编辑器、预览、样式面板等组件
│   ├── i18n/           # 国际化（中文 / 英文）
│   ├── store/          # Zustand 状态管理
│   ├── templates/      # 预设与自定义模板
│   └── utils/          # Markdown 解析、导出、样式工具
├── docs/               # 需求文档、技术分析
└── index.html

A pure frontend Markdown to Word/PDF conversion tool with multiple switchable and editable style templates — what you see is what you get.

Pure frontend, no backend, local data, secure: All processing is done within the browser. Document content and style configurations are saved locally only — nothing is uploaded to any server, ensuring your privacy.

• Markdown Editing & Live Preview: Supports common syntax (headings, lists, tables, code blocks, blockquotes, links, images, etc.) with syntax highlighting for code blocks
• Export to Word / PDF: One-click export to .docx or .pdf format
• Style Template System: Three built-in presets (Default, Academic, Technical), switchable with live preview
• Custom Templates: Modify style settings (font, size, color, line height, heading styles, table styles, etc.), custom templates are auto-saved locally
• WYSIWYG: Preview area displays in paper format with zoom control
• Mermaid Diagrams: Supports flowcharts, sequence diagrams, Gantt charts, and more
• LaTeX Math: Supports inline and block math formula rendering
• Multi-language Support: Chinese / English interface switching

After selecting the "Custom" template, you can fine-tune the following settings in the right-side style panel. All changes take effect immediately and are auto-saved locally.

• React 19 + TypeScript
• Vite 6
• Tailwind CSS 4
• markdown-it + highlight.js (Markdown parsing & code highlighting)
• Mermaid (diagram rendering)
• KaTeX (math formula rendering)
• docx (Word export)
• html2pdf.js (PDF export)

npm install

npm run dev

npm run build

npm run preview

md2doc/
├── src/
│   ├── components/     # Editor, preview, style panel components
│   ├── i18n/           # Internationalization (Chinese / English)
│   ├── store/          # Zustand state management
│   ├── templates/      # Preset & custom templates
│   └── utils/          # Markdown parsing, export, style utilities
├── docs/               # Requirement docs, technical analysis
└── index.html

Apache-2.0