# markitdown-web

**Repository Path**: ocean-zhc/markitdown-web

## Basic Information

- **Project Name**: markitdown-web
- **Description**: MarkItDown-Web 是为微软官方开源的 MarkItDown 转换引擎量身打造的网页版前端。

不再需要配置 Python 环境或使用命令行，现在你可以通过直观的浏览器界面，一键将各种复杂文档转换为高质量的 Markdown 格式。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-18
- **Last Updated**: 2025-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MarkItDown Web

现代化的 MarkItDown 文件转换工具，使用 Ant Design 构建的 Web 界面。

## 功能特性

- 📤 拖拽上传文件
- 🔄 支持多种文件格式转换为 Markdown
- 👀 实时预览转换结果
- 💾 下载 Markdown 文件
- 🎨 现代化 UI 设计

## 支持的文件格式

- 📄 文档: PDF, Word (.docx, .doc), PowerPoint (.pptx), Excel (.xlsx, .xls)
- 🖼️ 图片: JPG, JPEG, PNG, GIF
- 🎵 音频: MP3, WAV
- 🌐 网页: HTML, HTM
- 📝 文本: TXT
- 📦 压缩包: ZIP

## 安装和运行

### 后端 (Flask)

```bash
cd backend
pip install -r requirements.txt
python app.py
```

后端将运行在 `http://localhost:5000`

### 前端 (React + Ant Design)

```bash
cd frontend
npm install
npm start
```

前端将运行在 `http://localhost:8080`

## 使用方法

1. 启动后端服务器
2. 启动前端应用
3. 在浏览器中打开 `http://localhost:8080`
4. 拖拽或点击上传文件
5. 查看转换后的 Markdown 内容
6. 点击下载按钮保存 Markdown 文件

## 效果预览

![页面效果](images/image.png)

## 技术栈

- **后端**: Flask + MarkItDown
- **前端**: React + Ant Design + React Markdown
- **API**: RESTful API with CORS support

## 项目结构

```
markitdown-web/
├── backend/
│   ├── app.py              # Flask API
│   └── requirements.txt    # Python 依赖
└── frontend/
    ├── public/
    │   └── index.html      # HTML 模板
    ├── src/
    │   ├── App.js          # 主组件
    │   ├── App.css         # 样式
    │   └── index.js        # 入口文件
    └── package.json        # Node 依赖
```