夜雨聆风
Claude Code写的docx编辑器
DOCX 文档编辑器是什么
在日常写作中，我们经常遇到这样的困境：写好了一篇格式精美的文档，但换一台电脑打开后格式全乱；需要给文档添加规范的中文标题编号，却只能手动一一敲入”一、（一）、1.”；想要一个轻量级的文档工具，却发现市面上的要么功能臃肿要付费，要么不支持中文排版规范。
DOCX 文档编辑器正是为解决这些问题而生。它是一个纯浏览器端的所见即所得文档编辑器，专为中文写作场景深度优化。无需安装任何软件，无需注册账号，打开浏览器即可开始写作。
效果展示
核心功能一览
导入导出，格式无损
支持导入 Microsoft Word 的 .docx 文件，基于 mammoth.js 引擎将文档转换为 HTML 在浏览器中编辑。编辑完成后一键导出为标准 .docx 文件，基于原生 OOXML 格式生成，在 Word 和 WPS 中均可完美打开，标题层级、编号、表格、图片、代码块全部保留。
中文标题编号系统
内置符合中文排版规范的层次化编号体系：一、→（一）→ 1. →（1）。支持六级标题，各级标题可独立配置字体、字号、颜色。编号自动递增，删除或插入标题时自动重新编号，彻底告别手动维护编号的烦恼。
表格与代码块
可视化表格插入选择器，拖拽即可选择行列数，支持自定义单元格间距。完整的表格编辑能力：动态增删行列、右键菜单调整样式。代码块采用 GitHub 风格深色主题渲染，支持多种编程语言语法高亮，超长代码自动折叠，导入时智能识别单单元格表格并自动转换为代码块。
AI 标题助手
创新的 AI 辅助工作流：将 DOCX 文档和格式规则文件发送给大语言模型，获取结构化的标题方案 JSON，一键应用到文档对应位置。适合需要为长文档批量添加规范标题的场景，大幅提升排版效率。
更多实用功能
|
功能 |
说明 |
|
🔍 查找替换 |
支持正则、大小写敏感、批量替换 |
|
🎨 绘图工具 |
Canvas 流程图、思维导图，矢量编辑 |
|
🖼️ 图片编辑器 |
查看/编辑/裁剪，画笔文字形状标注 |
|
📑 多标签管理 |
同时编辑最多3个文档，独立撤销历史 |
|
🌙 暗色主题 |
亮/暗双主题，夜间写作不伤眼 |
|
💾 自动保存 |
IndexedDB + localStorage 双层保险 |
|
🐾 陪伴宠物 |
猫/狗/兔可选，给写作增添趣味 |
|
📌 锚点折叠 |
左右装订线标记，长文档结构管理 |
快速上手
环境要求
只需要一个现代浏览器（Chrome、Edge、Firefox 均可），以及 Node.js 用于安装 mammoth.js 依赖。
三步启动
第一步，克隆仓库：
git clone https://github.com/cheneaten/docx_helper.git
cd docx_helper
第二步，安装依赖：
cd js && npm install && cd ..
第三步，启动服务并打开浏览器(不启动浏览器也可以直接打开html)：
python -m http.server 8080
# 浏览器访问 http://localhost:8080
看到编辑器界面后，就可以开始写作了！点击”导入 DOCX”加载现有文档，或直接在编辑器中创作，完成后点击”导出 DOCX”保存。
技术架构
项目采用零构建、纯前端架构，没有 Webpack、没有 Node.js 后端、不需要数据库。所有第三方库下载到本地，断网也能完整运行。
|
层级 |
技术选型 |
说明 |
|
编辑器 |
contenteditable + Selection API |
浏览器原生编辑能力 |
|
导入 |
mammoth.js |
DOCX → HTML 转换 |
|
导出 |
原生 OOXML + JSZip |
HTML → DOCX 打包 |
|
持久化 |
IndexedDB + localStorage |
双层自动保存 |
|
绘图 |
Canvas 2D API |
矢量绘图与编辑 |
|
样式 |
CSS 自定义属性 |
亮暗主题切换 |
开源地址与结语
如果你觉得这个工具对你有帮助，欢迎给项目点一个 ⭐ Star，也欢迎提交 Issue 和 Pull Request 一起改进！
🔗 GitHub 仓库：https://github.com/cheneaten/docx_helper
本项目使用 Claude Code 开发，烧了不少token，希望大哥们能给我回回血。