Word Processor Expert Skill
概述
该技能为在 id8composer 中使用 Tiptap（ProseMirror）实现专业级文字处理器功能提供快速指导，目标是借助现代 Web 技术达到 Microsoft Word、Apple Pages 和 Google Docs 的质量水平。
当前技术栈（id8composer）
编辑器：Tiptap v3.10.7（基于 ProseMirror） 框架：Next.js 15.5.6 + React 19 状态管理：Zustand 导出：docx v9.5.1、jspdf v3.0.3
快速参考：缺失功能
❌ 尚未实现
文本对齐（左/居中/右/两端对齐） 字体族/字号控制 标题样式（H1-H6 及样式） 行距（1.0、1.5、2.0） 段落间距 缩进控制 查找与替换 分页符 页眉/页脚 页面设置（页边距、方向） 正确的 DOCX/PDF 导出 样式/模板 批注/修订跟踪
✅ 已可用
加粗、斜体、下划线 列表（项目符号、有序） 表格 图片、链接 颜色与高亮 撤销/重做 自动保存 字符/单词计数
必需 Tiptap 扩展
安装缺失的扩展
npm install @tiptap/extension-text-align npm install @tiptap/extension-font-family npm install @tiptap/extension-heading npm install @tiptap/extension-hard-break
文本对齐（含 TextAlign 配置、工具栏按钮示例）、字体族与字号（含 FontFamily 与自定义 FontSize 扩展、工具栏下拉框）、行距（自定义 LineHeight 扩展）、缩进（自定义 Indent 扩展及键盘快捷键）、分页符（自定义 PageBreak 节点与打印 CSS）、查找与替换（基于 getText 与正则的组件实现）、专业 DOCX 导出（使用 docx 库将 Tiptap JSON 转换为 Paragraph 结构）、专业 PDF 导出（jsPDF 基础方案及基于 Puppeteer 的服务端渲染方案）、打印布局视图（打印 CSS 与预览模式）、键盘快捷键参考、性能优化（大文档虚拟滚动、防抖自动保存）等章节均包含具体代码示例，内容以原文为准。
各扩展的具体配置、命令调用与导出转换逻辑的完整代码与安装命令请以官方资料原文为准。
适用场景
适用于在 Next.js/React 技术栈下基于 Tiptap 构建富文本编辑器，并需要补齐专业文字处理器级功能（如格式控制、导出、打印布局）的开发场景。
限制
资料以代码示例与实现指引为主，未提供收费、价格、适用平台、效果保证等事实信息。