5分钟上手 Univer 表格SDK
【免费下载链接】univerUniver is a full-stack framework for creating and editing spreadsheets / word processor / presentation on both web and server.项目地址: https://gitcode.com/GitHub_Trending/un/univer
想在自己产品里嵌电子表格或文档编辑器?自研一套至少几个月。Univer 是开源的全栈办公 SDK,表格、文档、幻灯片三种编辑能力开箱即用,插件化拼装,浏览器和服务端一套代码。
🚀 30秒跑起来
拉取源码: 进入项目目录: 安装依赖,要求 Node 22.18+ 和 pnpm 11+: 启动示例应用:
git clone https://gitcode.com/GitHub_Trending/un/univer cd univer pnpm install pnpm dev浏览器打开后,看到完整的表格界面:工具栏、公式栏、单元格都能点,右下角 FPS 在动,说明跑通了。
🧩 核心能力全景
按能力域分,一共三块:
表格、文档、幻灯片编辑面
三种文档共用一套 SDK。Canvas 渲染加独立公式引擎,复杂工作簿不卡顿。
插件化扩展机制
功能按需拼装:预设包一行引入,插件模式精细控制。Facade API 统一操作工作簿、区域和公式。
多实例与同构运行时
页面里并行跑多个实例各编辑各的;同一套代码在 Node.js 无头执行,服务端算公式、导数据都行。
架构透视:为什么这样设计
拆给你看:整体是分层加插件化的设计,每层只管一件事。
- Core 层:管实例生命周期,命令、服务从这里分发。
- 渲染层:一个 Canvas 引擎服务三种文档类型。
- 公式层:独立引擎与界面解耦,重算不阻塞编辑。
- 插件层:能力独立打包,可增删、替换、懒加载。
- UI 层:组件与逻辑分离,多框架都能接。
三个典型玩法
嵌入 SaaS:看 预设包 preset-sheets-core,照 完整示例 抄,一个工作簿半小时内上线。
二次开发:数据验证插件源码 是标准样板,命令、服务、视图结构直接照搬。
服务端无头:Node 示例 演示同一套 API 在 Node.js 里算公式、读写工作簿。
进阶与避坑
- 版本对齐:所有 @univerjs/* 包必须同版本,混版本容易报错。
- 老环境:依赖 Intl.Segmenter,老浏览器要补 polyfill。
- 环境:无头模式要 Node 18.17+,仓库开发要 Node 22.18+。
📦 资源地图
- README.md —— 总览
- presets/ —— 集成预设
- examples/ —— 可跑示例
- e2e/ —— 端到端测试
- CONTRIBUTING.md —— 贡献指南
Univer 把表格、文档、幻灯片做成了可组装的办公 SDK,从原型到正式产品都能接。现在去 clone 下来,把第一个工作簿嵌进你的产品吧。
【免费下载链接】univerUniver is a full-stack framework for creating and editing spreadsheets / word processor / presentation on both web and server.项目地址: https://gitcode.com/GitHub_Trending/un/univer
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考