先进文本编辑器

一个功能强大的Markdown编辑器，支持AI辅助写作和实时预览。

• Markdown实时渲染: 所见即所得的编辑体验
• AI辅助写作: 与AI交互，智能修改文本
• 段落选择: 支持段落级别的选择和编辑
• 历史记录: 完整的编辑历史和撤销功能
• 文件管理: 支持本地目录和多文件管理
• 语法检查: AI驱动的语法检查功能
• 风格调整: 文本风格智能调整

• Next.js 15
• React 19
• TypeScript
• Tailwind CSS
• react-markdown
• remark-gfm

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

1. 访问编辑器: 打开浏览器访问 http://localhost:3000/editor

2. 文件管理:

   • 点击左侧"选择工作区"按钮选择本地目录
   • 在工作区中创建、查看和编辑文件

3. 编辑文本:

   • 在左侧编辑区域输入Markdown内容
   • 右侧实时预览渲染效果

4. 段落选择:

   • 在段落选择器中点击段落进行选择
   • 支持多段落选择

5. AI交互:

   • 选择要处理的文本段落
   • 选择操作类型（修改、语法检查、风格调整）
   • 输入指令并点击"发送至AI"
   • 查看AI响应并应用修改

6. 历史记录:

   • 使用顶部的"撤销"和"重做"按钮
   • 在右侧历史记录面板中查看和恢复历史版本

app/
  editor/
    page.tsx          # 编辑器主页面
    components/       # 编辑器组件
      FileManager.tsx   # 文件管理器
      ParagraphSelector.tsx # 段落选择器
    services/         # 服务模块
      aiService.ts      # AI服务
      historyManager.ts # 历史记录管理
    types/            # 类型定义
      dom.d.ts          # DOM API类型定义

1. 在 aiService.ts 中添加新的操作类型
2. 更新 callAI 函数以处理新功能
3. 在页面组件中添加相应的UI控件

1. 修改 FileManager.tsx 组件
2. 添加新的文件操作功能
3. 更新文件树渲染逻辑

• 文件系统访问需要现代浏览器支持（Chrome/Edge 86+）
• AI功能目前使用模拟数据，需要集成实际的AI API
• 仅支持Markdown格式的文本编辑

• 集成真实的AI API（OpenAI、Claude等）
• 支持更多文档格式（Word、PDF等）
• 添加协作编辑功能
• 实现云同步功能
• 增加插件系统