一个用 Claude Code 写的编辑器，火了！

那臃肿的 Word 工具已在电脑上卸载了许久，平时编辑文档，都是用在线工具。

但最近发现，改完导出之后发给同事，他们用 Word 打开会出现排版错乱问题。

还有一些数据比较隐私的合同文件，平时修改都不敢上传到第三方服务器。

另外想让 AI 来帮忙修改也是比较麻烦，需要来回切换上传下载。

于是找到了 docx-editor 这个能直接在浏览器上修改 .docx 文件的开源编辑器，所见即所得。

作者 Jedr Blaszyk 日常工作里有一项业务，需要让客户把零散数据填进 Word 模板里。

之前的做法很原始，让用户自己下载 .docx 文件，手动去改里面的占位符。

然后经常出现内容丢失、排版错乱的问题，体验差到他自己实在忍受不下去了。

他翻遍了 GitHub，想要寻找一个在线网页版 Word 编辑器，发现很多都已经不维护了。

直到深夜，作者放弃了寻找转而让 Claude Code 帮忙开发一个出来。

没想到效果出奇的好，交互体验已接近 Google Docs，然后作者还把项目开源了。

了解完项目背景，下面跟大家一起来看下这款编辑器到底有哪些亮点。

其最核心的一点，就是 .docx 进、.docx 出，在线编辑，所见即所得。

改完之后导出的 .docx 文件，排版能跟原稿保持一致，不会出现导出就错乱的情况。

同时提供了几种使用模式，可以直接对文档编辑，也可以切换到只阅读模式。

对于编辑修改，支持类似 Word 文档的修订建议，每一处增删都不会直接盖掉原文。

而且还能把作者的署名标出来，支持对修改进行采纳或驳回，交互体验基本与 Word 一致。

另外还支持多人实时编辑，在线状态、光标位置、评论同步、谁改了什么这些功能都有。

除此之外，编辑器里还内置一个 Agent 工具，可通过 AI 辅助我们编辑文档。

甚至还提供审稿功能，让 AI 像真人一样对文档进行评论、提建议、接受或拒绝他人改动。

不仅如此，作者还给编辑器扩展了一个 MCP 服务，可以让 AI 来操作整个文档。

对于如何使用这个编辑器，我们直接访问作者提供的演示 Demo，开箱即用。

如果我们是开发者，需要集成到自己的项目里，也是非常简单，以 React 为例：

npm install @eigenpal/docx-editor-react

一行命令即可将组件安装到项目，对于 Vue、Nuxt 框架也支持，可查看文档相应安装命令。

纯浏览器运行，不需要服务器，文档数据保存在本地，对隐私这块基本不用操心。

当然还是有不足的，对表格、图片这些内容编辑还不是很兼容，作者还在持续优化中。

写在最后

回看这个项目，工具本身好不好用，其实我觉得是另外一回事。

作者用 Claude Code 仅花几天晚上时间，便开发出了一个功能颇全的编辑器。

这放在两年前，是不敢想的。那会我们使用 AI ，顶多就是让它帮忙补全几行代码。

而现在，只要我们有需求有想法，都能借助 AI 来快速帮我们实现。

这个项目就是一个很好的学习案例，往后某个领域某个场景的空白将会被快速填补。

说到底，往后拼的不再是技术。

而是谁先挖掘到需求，发现痛点，谁先用 AI 把它做出来，谁就先尝到红利。

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

今天的分享到此结束，感谢大家抽空阅读，我们下期再见，Respect！