# 在线文档前端

**Repository Path**: mwdb996/online-document-front-end

## Basic Information

- **Project Name**: 在线文档前端
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-25
- **Last Updated**: 2025-01-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线文档编辑平台

一个基于现代 Web 技术栈的在线文档编辑平台，提供类似石墨文档的富文本编辑体验。

## 技术栈

- **前端框架**: React 18 + TypeScript
- **UI 组件**: Material-UI (MUI) v5
- **编辑器**: Tiptap + ProseMirror
- **样式**: TailwindCSS
- **HTTP 客户端**: Axios
- **路由**: React Router v6
- **认证**: JWT (JSON Web Token)

## 已实现功能

### 1. 用户认证
- [x] 用户登录/注册
- [x] JWT 认证
- [x] 路由保护

### 2. 文档管理
- [x] 文档列表展示
- [x] 创建新文档
- [x] 编辑文档
- [x] 删除文档
- [x] 文档分页

### 3. 富文本编辑器
- [x] 基础文本格式化（粗体、斜体、下划线）
- [x] 标题设置
- [x] 文本对齐
- [x] 链接插入
- [x] 表格功能
  - [x] 插入表格
  - [x] 调整列宽
  - [x] 合并单元格
- [x] 图片功能
  - [x] 图片上传
  - [x] 拖拽上传
  - [x] 粘贴上传
  - [x] 图片预览

## 待实现功能

### 1. 文档协作
- [ ] 实时协作编辑
- [ ] 文档评论
- [ ] 修订历史
- [ ] 版本对比

### 2. 文档分享
- [ ] 生成分享链接
- [ ] 权限控制（查看/编辑）
- [ ] 访问密码
- [ ] 过期时间设置

### 3. 编辑器增强
- [ ] 文档大纲
- [ ] 图片裁剪和调整
- [ ] 代码块语法高亮
- [ ] Markdown 导入/导出
- [ ] 文档导出（PDF、Word）

### 4. 性能优化
- [ ] 大文档加载优化
- [ ] 图片懒加载
- [ ] 编辑器按需加载
- [ ] 文档自动保存

### 5. 其他功能
- [ ] 全文搜索
- [ ] 文档标签
- [ ] 文件夹组织
- [ ] 回收站
- [ ] 快捷键支持

## 已知问题

1. 图片上传大小限制（目前服务器限制在 1MB）
2. 表格操作偶尔会出现样式问题
3. 粘贴富文本内容时可能会丢失部分样式

## 开发计划

### 近期优先级
1. 优化图片上传和处理逻辑
2. 实现文档自动保存
3. 添加文档分享功能
4. 改进表格操作体验

### 长期规划
1. 实现实时协作编辑
2. 添加文档版本控制
3. 支持更多文档格式的导入导出
4. 优化大文档的编辑性能

## 本地开发

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 环境要求

- Node.js 16+
- npm 7+
- 现代浏览器（Chrome、Firefox、Safari、Edge）

## 贡献指南

1. Fork 本仓库
2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交你的改动 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 开启一个 Pull Request

## 许可证

MIT License - 详见 [LICENSE](LICENSE) 文件