乐于分享
好东西不私藏

在网页里编辑 Word 文档,保存后用桌面 Word 打开,批注和修订标记全在

在网页里编辑 Word 文档,保存后用桌面 Word 打开,批注和修订标记全在

docx-editor 是一款开源的所见即所得 .docx 编辑器,专为 React 和 Vue 3 设计。

它跳过了传统“DOCX → HTML 编辑 → DOCX”的中间转换,直接采用纯 OOXML 格式进行解析、渲染和保存。

这意味着你用它打开一个 Word 文档,编辑完后保存,格式、样式和修订记录都不会有损失,能在 Microsoft Word 和 LibreOffice 之间无缝流转。

所有在网页端进行的文本增删和侧边栏留言,都会被直接序列化为标准的 OOXML 标记(如 w:ins 和 w:del)。这意味着你从网页导出的文件,用本地的微软 Word 软件打开后,依然能正常读取这些记录,并无缝衔接使用原生的“接受/拒绝”修订功能。

线程化评论同样原生序列化。 选中文字加评论,生成侧边栏对话线程(支持回复、解决、删除),存为 OOXML comments.xml,在不同编辑器间无障碍流转。

在团队协同场景下,只需将其绑定至内置的 Yjs 模块(兼容 y-webrtc 或 PartyKit),即可实现多光标同步与实时协同编辑。

得益于底层规范的修订标记体系,AI 代理可以直接往文档里写入 w:ins / w:del 标记或评论供人类审核。官方专门封装了针对 AI 的工具包,原生支持接入 Vercel AI SDK 与 MCP 服务器接口。

底层基于 ProseMirror 插件架构构建。遵循 Apache 2.0 协议开源,获 1.2k Stars,npm 月下载量超 7.3 万次。

提醒:由于编辑器强依赖 DOM 环境,在 Next.js 等服务端渲染(SSR)框架中部署时,必须配置为纯客户端动态加载;而在 Vue 生态中,官方已为 Nuxt 提供专属模块包自动解决隔离问题。

项目地址:https://github.com/eigenpal/docx-editor