开源发现

Bento是一个把演示文稿、编辑器和播放工具完整装进单个 HTML文件的开源项目。它试图解决传统幻灯片工具对安装程序、账号体系和云端平台的依赖：用户只要用现代浏览器打开文件，就能编辑、播放、保存和分享，接收者也不需要额外安装软件。

这个项目最特别的地方，不只是“可以在网页里做 PPT”，而是文件本身就是应用。一个 Bento演示文稿同时携带页面内容、字体、图片、图表、动画以及完整编辑器。保存时，程序会把更新后的文档数据重新写回 HTML文件；在浏览器不支持直接写回文件时，则退回到下载新文件的方式。

图片来源：github.com

一个文件完成编辑、播放和分享

Bento当前的核心产品是 bento/slides。官方提供的单文件版本大小约为560 KB，无需注册账号，也不需要安装桌面客户端。打开后可以直接制作幻灯片，进入演示模式全屏播放，并通过邮件、网盘或局域网把文件交给其他人继续查看和编辑。

项目采用本地优先思路。开启离线模式后，更新检查和在线协作会被阻断，演示内容保留在本机。对需要长期归档、跨设备传递，或者不希望把文档托管到第三方云平台的用户来说，这种“文件即软件”的设计比普通在线幻灯片更容易理解和掌控。

动画、图表和演讲者模式都在文件内

Bento并不是只提供基础文本排版。它内置了元素变形动画：多个页面中带有相同标识的元素，可以自动在位置、大小、颜色和渐变之间过渡。用户复制一页并重新摆放元素，就能形成连续的动态效果。

项目还提供柱状图、折线图、饼图和散点图等图表类型，演示过程中支持提示、缩放以及不同图表形态之间的数据动画。除此之外，演讲者视图、评论、页面布局、连接线、运动路径、PDF导出、隐藏交互状态和多语言界面也被整合在同一套应用中。

图片来源：bento.page

文档数据采用明文 JSON，更适合 AI修改

Bento把演示文稿数据保存在 HTML顶部的明文 JSON区块中，应用主体则以压缩形式嵌入文件。这样的结构让文档不仅能被浏览器读取，也方便 AI编程工具和文件代理直接修改。

对于 Claude Code、Cursor、Aider或其他具备文件系统权限的智能代理，只要读取并改写文档中的 JSON，就能批量调整文字、布局和页面结构，不必依赖专有 API。普通聊天机器人也可以通过复制文档 JSON、修改后再粘贴回去的方式完成往返编辑。项目仓库还提供了面向智能代理的文档说明和 Claude Code插件。

多人协作采用端到端加密

Bento支持可选的实时协作，但它没有把演示文稿明文托管在服务器上。协作密钥在客户端生成并保存在文件中，持有文件的人可以加入同一协作空间；中继服务只负责传输和保存密文，无法读取文档内容、姓名和结构。

协作层使用项目自研的 CRDT来合并离线编辑和字符级文本变化。需要注意的是，当前实时协作中的撤销仍基于快照，可能影响其他协作者对同一属性的并发修改；编辑体验也更偏向桌面端，手机更适合查看和播放。

如何开始使用

最简单的方式是直接打开 Bento官方在线版本，体验内置的示例演示文稿，也可以从 GitHub Releases下载单个 Bento_Slides.bento.html文件。下载后使用现代浏览器打开即可开始编辑，保存时会生成包含全部内容的新文件。

开发者也可以从源码构建。项目需要 Node.js 20或更高版本，进入 slides目录后安装依赖并启动开发服务器：

cd slides
npm install
npm run dev

构建单文件版本可执行：

npm run build:single

生成结果位于 dist-single/Bento_Slides.bento.html。项目还提供用于验证协作数据收敛性的测试脚本：

node scripts/test-sync.ts

适合哪些场景

Bento适合制作需要离线运行、长期归档或频繁传递的演示文稿，也适合希望让 AI直接参与内容修改的团队。培训资料、产品演示、课程课件、展会大屏和内部汇报都可以作为使用场景，尤其适合不愿依赖特定账号或云端服务的用户。

它目前仍是一个较新的项目，生态和兼容性无法与 PowerPoint或 Google Slides相比，复杂排版、企业身份认证以及移动端深度编辑仍有继续完善的空间。但“一个 HTML文件同时包含文档与软件”的路线足够鲜明，也让幻灯片重新变成一种可保存、可查看、可编辑的独立文件。