轻量级文档编辑器产品系统Vibe Coding

面向 个人知识工作者 和 轻量级办公场景：

个人笔记与文档管理：替代记事本/Word 的轻量化方案，无需安装 Office 套件
多格式文档快速查阅：需要打开 PDF/PPTX/DOCX 等格式但不想启动重型办公软件
内容碎片整理：从不同来源（网页、PDF、Word）复制内容，统一编辑后导出
离线/本地优先：数据不出本机，适合对隐私敏感的文档处理
与 Word/WPS 的定位差异：不做排版引擎，做内容编辑器——侧重内容的获取、整理和格式转换。

文档编辑
功能 技术实现
字体/字号 TipTap TextStyle 扩展 + 下拉选择器
加粗/斜体/下划线/删除线 对应 Mark 类型，通过编辑器的 toggleMark 切换
对齐方式 TextAlign 扩展（左/中/右/两端）
有序/无序列表 基于 ProseMirror 的 list 节点
代码块/引用 codeBlock / blockquote 节点
插入图片 Image 扩展，base64 内嵌存储
超链接 Link 扩展，弹出对话框编辑 URL
表格 Table 扩展（行列插入/删除）
文档操作
新建/打开/保存/另存为：通过 fileOps.js 统一调度，格式处理器自动匹配
多标签页：每个标签独立维护内容、dirty 状态、文件句柄，切换时自动保存/恢复
自动保存：使用 localStorage 按 tabId 分别存储，意外关闭可恢复
快捷键：Ctrl+N（新建）、Ctrl+O（打开）、Ctrl+S（保存）、Ctrl+Shift+S（另存为）、Ctrl+P（打印）

利用vscode+Claude Code+deepseek进行开发
技术栈
React 18 + Vite 8 + TipTap/ProseMirror + Electron 42 + pdfjs-dist + pdf-lib + JSZip + mammoth + docx.js
架构
三层架构：视图层（React 组件）→ 状态管理层（3 个自定义 Hook）→ 格式转换层（7 个格式处理器 + 注册中心）
核心设计：策略模式 —— 每个格式处理器实现统一接口（import/export），通过注册中心按文件扩展名多态调度，新增格式只需添加一个文件。