惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The GitHub Blog
The GitHub Blog
S
SegmentFault 最新的问题
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
V
Visual Studio Blog
T
The Blog of Author Tim Ferriss
爱范儿
爱范儿
Vercel News
Vercel News
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Y
Y Combinator Blog
Blog — PlanetScale
Blog — PlanetScale
D
DataBreaches.Net
美团技术团队
Microsoft Security Blog
Microsoft Security Blog
大猫的无限游戏
大猫的无限游戏
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
酷 壳 – CoolShell
酷 壳 – CoolShell
GbyAI
GbyAI
A
About on SuperTechFans
云风的 BLOG
云风的 BLOG
The Cloudflare Blog
宝玉的分享
宝玉的分享
V
V2EX
Microsoft Azure Blog
Microsoft Azure Blog

分享创造

分享 KCase 脑图测试用例生成平台(AI 辅助生成测试用例) 标签页囤积症自救:写了个插件 TabRack,主打快速检索、自动分类和 AI 摘要 [file-preview]一个比较全面的在线文件预览组件库-支持 react 和 vue 撸了个 iOS 小应用[极简水印相机],直接免费 做了一个 V2EX Skill 写了个 iOS 打码 App「遮鸭 Maskduck」,纯离线免费 35 岁前端,裁员失业后,我花 1 个月做了个 AI 生图网站 亲身经历猫咪急症,我做了一款猫狗疼痛检测工具,希望能救你家毛孩一命 如何用 AI 做比较酷炫的落地页? 求真!最近 AI 生图的能力强到可怕 开源一个查看 k8s 的菜单栏工具-kubebar Packpour:我做了个专门给 App Store Connect 填多语言元数据的小工具 面对 140 年一遇的超级厄尔尼诺,我做了个全球监测小站 做了一个自动翻译的 Hacker News 客户端 做了一个 AI 头像生成器,可以免费生成 2 次 [送码 50 个] 自己手搓了个高颜值的倒数日 App——拾光机,求 V 友们指点 一个将苹果健康 APP 数据导出的工具,然后把你的数据喂给 AI 分析 我做了一个叫「订阅斩」的 iOS App,专门对付那些悄悄扣钱的订阅 做了个草率的日麻互动漫画,听听反馈 喜欢自己洗车的朋友们,我用 ai 做了一款洗车小程序 -- 洗车志 感谢 V2EX 上各位 NAS🍆 和 Datahoarder 玩家的关注和真实反馈!作为个人开发者,能得到这么多硬核玩家们的讨论,我非常荣幸。 用 AI 开发熊孩子自律的小程序 用 OpenClaw 搭建个人运动助手 今天摸鱼给 NanaAI 也接入了 GPT-Image-2 [Video Companion]一个 chrome 插件,解决大多对视频操作的需求~欢迎使用提 bug AI 时代,做产品简单了,把产品推广出去却变的更难了~ bestskills.dev - Skills 精选和评测站点 免 ROOT 强力卸载安卓广告软件 一个 All In One 的运维工具,支持 SSH、数据库、Redis 管理 [开源] Codeg V0.10:专注于代码生成的多智能体 IDE(cc、codex、gemini、opencode……),新版本重构了工作区,飞一般的体验,支持桌面端、服务器部署
最近做了一个支持 docx,pptx,xlsx 的生成、解析、模板填充的...
demomacro · 2026-06-18 · via 分享创造

因为日常需求,需要将 docx 存储解析为 JSON 格式方便后续处理,并且能进行简单地在线编辑、集成 AI 工具,一开始是写了 Docen 这个库,将 docx 转为了 Tiptap JSON 格式,简单写了一些解析以支持 tiptap 或者说 html 支持的样式,再通过 dolanmiu/docx 这个包进行导出,但是后期随着需要用到的功能越来越多,感觉不管是解析还是生成的方式都越发显得局限,所以另外做了这个库 Office Open

第一阶段,我先是基于原版 docx 包进行了完善,加入了关于 Chart 、Smartart 、SDT 控件等功能,支持了绝大部分的 wml/pml/sml 元素,默认设置更贴近于 Microsoft Office/WPS Office 的标准,重写了关于 xml 的生成和解析部分,将原本的打包从 jszip 替换为了 fflate ,针对 node 环境使用了 zlib 来实现,以此支持了 docx,pptx,xlsx 的生成。

第二阶段,因为原版是基于 Class 实现的,且中间路径过长,我逐步迁移到了通过字符串拼接的方式用以提高性能,但这个过程中依然遇到了问题,因为我的根本需求是需要通过 JSON 生成和解析,大量的 Class 和 JSON 模式混杂使得维护起来越发困难

第三阶段,我全部剔除了所有 Class 的部分,完全转换为通过 JSON 来生成 docx,pptx,xlsx 文件,并且增加了大量 round-trip 的测试来保持生成和解析的一致性,目前与同类产品( docx,pptxgenjs,hucre )进行对比后,单独针对生成的部分进行了 Benchmark 测试,还是有比较明显的优势的。

Large Docx (~100MB) — Mixed Content

500 styled paragraphs + 38 mixed-size images (1-5MB, 100MB total) + 50x10 table.

Scenario Default sync Default async All STORE sync All STORE async docx
Mixed (500p+38img+50x10) 9.7 ops/s 8.2 ops/s 5.1 ops/s 4.2 ops/s 0.30 ops/s

Large Pptx (~100MB) — Mixed Content

40 slides x (2 shapes + 2 mixed-size images + 3x3 table).

Scenario Default sync Default async All STORE sync All STORE async PptxGenJS DEFLATE PptxGenJS STORE
40 slides mixed 227 ops/s 124 ops/s 708 ops/s 721 ops/s 0.23 ops/s 0.22 ops/s

Large Xlsx — 100,000 rows × 20 columns (2M cells)

Scenario Default sync Default async All STORE sync All STORE async hucre
100k × 20 0.87 ops/s 0.81 ops/s 1.02 ops/s 0.96 ops/s 0.39 ops/s

现在其实我觉得可能陷入了一些瓶颈,比如说让 AI 通过工具输入 JSON 生成对应的文档,因为没有实现完整的 zod 校验,导致错了的话 AI 也没法很好第一时间发现错误,即便是支持通过 MCP 查询文档也经常会遇到一些错误。

当前其实是支持类似如下 JSON 直接去生成一个完整的 docx 文件,可以通过 Office Open Website 这个网站去在线体验

{
    "sections": [
        {
            "children": [
                { "paragraph": { "children": [{ "text": "Hello, World!", "bold": true }] } }
            ]
        }
    ]
}

想征询一下大家的意见,是否应该将类型定义转化为 zod ,以便更好的类型校验,或者生成对应的 JSON Schema ,以及对于当前的类型定义方式是否有更合理的建议

因为后期我是准备在基于Office Open库的基础上实现在线编辑和预览,所以后面会逐步将 Docen 包的解析层替换为当前实现,对于这个的实现我还在尝试,是通过 Tiptap JSON 的形式还是别的什么,以及当前基于 Tiptap 的分页和渲染方案可能都需要另外考虑,我在想是否需要基于 Leaferjs 进行高性能渲染,这会影响后期的维护思路,所以希望和大家有所讨论,能够提供参考意见,感谢~