1.9K标星!开源的浏览器Word编辑器,前端仔的文档处理噩梦终于醒了

做过企业应用的前端开发者都知道，项目一旦涉及Word文档处理，那就是噩梦的开始。

要么用付费Office组件，一套授权费够你吃好几顿；要么用各种第三方库拼凑，格式一换环境就炸，改了三天的模板发给客户打开全是乱码。更别说想在浏览器里做所见即所得的编辑了，基本等于跟OOXML标准肉搏。

最近在GitHub上发现了一个让人眼前一亮的项目这个项目叫docx-editor，直接把这个痛点给解决了。

项目简介

一句话：完全开源的WYSIWYG Word编辑器，支持React和Vue，遵循OOXML标准。

它能让你在网页上直接编辑.docx文件，生成的文档能被微软Office、WPS无缝打开，不会格式错乱。不需要后端转换，不需要付费授权，还支持实时协作和修订追踪。

背后团队设计得很用心，多包架构，React、Vue、Nuxt都有对应适配器，连AI Agent集成的SDK都准备好了。目前版本1.5.0，最近几天提交非常密集，React和Vue的UI统一、表格拖选、评论定位这些功能都在快速迭代。

核心功能

• WYSIWYG编辑：浏览器里编辑Word，体验接近桌面版Office，分页、样式、表格都有

• 多框架适配：React、Vue 3、Nuxt 3/4，几行代码集成，不挑框架

• 修订追踪：自动记录修改历史，谁改了什么一目了然，企业协作刚需

• 实时协作：多人同时编辑，修改即时同步，不用担心版本冲突

• 标准OOXML：完全遵循Office Open XML规范，生成的文件主流办公软件都认

• Agent-ready：提供MCP server和AI SDK适配器，AI直接操作文档，批量处理不在话下

技术亮点

最厉害的地方：OOXML解析和序列化全在客户端完成。

传统方案要么依赖后端转换增加服务器负担，要么用HTML伪装成Word格式根本不兼容。这个项目用ProseMirror构建了完整文档模型，编辑流畅的同时格式标准不打折扣。

插件系统也很灵活，可以扩展自定义逻辑。自动审批流、内容合规检查、接入大模型做智能写作，企业定制场景直接拉满。

快速上手

环境准备

React项目

# 安装核心包
npm install @eigenpal/docx-editor-react

import { DocxEditor } from'@eigenpal/docx-editor-react';

functionApp() {
return<DocxEditor />;
}

exportdefault App;

Vue 3项目

npm install @eigenpal/docx-editor-vue

<template>
  <DocxEditor />
</template>

<script setup>
import { DocxEditor } from '@eigenpal/docx-editor-vue';
</script>

Nuxt项目

npm install @eigenpal/nuxt-docx-editor

// nuxt.config.ts
exportdefault defineNuxtConfig({
modules: ['@eigenpal/nuxt-docx-editor']
})

加载已有的docx文件

import { DocxEditor } from'@eigenpal/docx-editor-react';

functionApp() {
const handleFileUpload = (e) => {
const file = e.target.files[0];
// 直接传入File对象，编辑器自动解析OOXML
    setDocFile(file);
  };

return (
<div>
<inputtype="file"accept=".docx"onChange={handleFileUpload} />
<DocxEditorfile={docFile} />
</div>
  );
}

安装完就能用，零配置。编辑器自动处理OOXML解析，不用操心底层格式细节。

本地开发体验

如果想先看看效果再决定用不用：

git clone https://github.com/eigenpal/docx-editor.git
cd docx-editor
bun install
bun run dev
# 浏览器打开 localhost:5173 即可体验

项目提供了Vite、Next.js、Remix、Astro、Vue、Nuxt的完整示例，挑一个跟你项目架构最接近的参考就行。

写在最后

这个项目今年2月才开源，5个月拿到1.9K Star，社区活跃度很高，202个Fork，每天都有新提交。如果你在做企业协同办公需要在线编辑Word，或者想做AI写作工具需要文档处理能力，又或者项目里有批量生成合同、报告的需求，这个库能省掉大量造轮子的时间。

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

官网：https://docx-editor.dev