免费开源PPT工具PPTist:从本地部署到AI生成的完整上手指南
【免费下载链接】PPTistPowerPoint-ist(/'pauəpɔintist/), An online presentation application that replicates most of the commonly used features of MS PowerPoint, allowing for the editing and presentation of PPT online. It also supports AIPPT and local PPTX file preview.项目地址: https://gitcode.com/gh_mirrors/pp/PPTist
赶火车前半小时,季度汇报还差几页没做完。没时间从零排版,最省事的做法就是打开 PPTist——一款免费 PPT 工具、开源的在线演示文稿应用。它还原了 PowerPoint 的多数常用功能,制作、编辑、放映都能在浏览器里完成,还支持 AI 生成初稿。本文按"跑起来、看懂功能、提效率、深入源码"的顺序,把上手过程讲完。
一分钟项目速览
| 项目 | 说明 |
|---|---|
| 定位 | Web 在线演示文稿(PPT)制作与放映应用 |
| 技术栈 | Vue 3 + TypeScript,不依赖第三方 UI 组件库 |
| 开源协议 | AGPL-3.0(禁止闭源商用,商用细则见仓库 LICENSE) |
| 元素类型 | 文字、图片、形状、图表、表格、音视频、LaTeX 公式 |
| 亮点功能 | 模板式 AI 生成、PPTX 导入导出、放映画笔标注、移动端预览 |
项目自带 8 套内置模板,例如这套红色商务风格:
本地部署只需三步
本地需要 Node.js 20 及以上版本,然后依次执行:
git clone https://gitcode.com/gh_mirrors/pp/PPTist cd PPTist npm install npm run dev浏览器打开 http://127.0.0.1:5173/ 即可进入编辑器,无需配置后端。
功能看点:AI 生成、元素体系与导出格式
AI 生成 PPT 的四步原理
PPTist 的 AI 功能走的是"模板 + 数据"路线,不追求一步出成品:
- 定义结构:确定一套 PPT 包含哪几类页面(封面、目录、过渡、内容、结束页);
- 制作模板:在 PPTist 里做好对应页面,并为页面和节点标注类型;
- AI 生成数据:模型按预设的结构定义输出结构化 PPT 数据;
- 模板渲染:数据与配图匹配到模板,拼装出完整 PPT。
几个一句话用例:输入研究大纲自动拼出答辩稿;给业务数据和要点快速产出季度汇报;按教学大纲生成课件骨架再人工润色。数据格式定义在 src/types/AIPPT.ts,模板制作流程见仓库内 doc/AIPPT.md。
生成后的每一页都可以继续在画布中编辑、替换和微调。
元素体系覆盖七类常用内容
- 富文本:基于 ProseMirror,支持加粗斜体、上下标、列表、行距字距
- 图片:裁剪、滤镜、边框阴影,可设为页面背景
- 形状:内置形状库 + 自由绘制多边形,支持渐变和图片填充
- 图表:柱状、折线、饼图等八种类型,数据可直接编辑
- 表格:增删行列、合并单元格、套用主题样式
- 音视频:视频可设封面与自动播放,音频支持循环
- 公式:LaTeX 编辑,颜色与线条粗细可调
四种导出格式对应不同场合
- PPTX:导出后可直接在 Office 中打开演示,适合需要线下协作的场景
- PDF:版式固定不走样,适合文档分发和打印
- 图片:逐页输出高清 PNG,适合发到社交平台
- JSON:完整保存数据结构,适合入库存档或二次开发
反向也支持导入:PPTX 文件可导入在线预览校对,导入还原度约 85%,导出约 95%。
效率技巧:快捷键与主题统一
常用快捷键(编辑器内按 F1 或顶部菜单可查看完整列表):
| 分类 | 快捷键 | 作用 |
|---|---|---|
| 通用 | Ctrl + C / V / X | 复制 / 粘贴 / 剪切 |
| 通用 | Ctrl + Z / Y | 撤销 / 重做 |
| 通用 | Ctrl + A | 全选当前页元素 |
| 元素 | Ctrl + G / Ctrl + Shift + G | 组合 / 取消组合 |
| 元素 | 方向键 | 微调所选元素位置 |
| 元素 | Ctrl + L | 锁定元素 |
| 画布 | Ctrl + 鼠标滚轮 | 缩放画布 |
| 画布 | 空格 + 拖拽 | 平移画布 |
| 编辑 | T / R / O / L | 快速新建文本、矩形、圆形、线条 |
| 放映 | F5 / ESC | 开始放映 / 退出 |
保持整套 PPT 风格统一,推荐四条做法:
- 在右侧主题面板设置主题色和字体,全篇页面跟随变化;
- 用格式刷把已调好的样式快速刷给其他元素;
- 多选元素后在属性栏批量改样式;
- 满意的布局保存为模板,下次直接套用。
动画使用上把握三条原则:
- 入场动画只给首次出现的元素,选淡入、飞入这类柔和效果
- 强调动画只用于关键数据,如脉冲、放大缩小
- 切页动画与元素动画风格保持一致,不抢内容的注意力
深入路径:项目结构与文档
核心代码在src/下,目录分工如下:
src/ ├── components/ # 通用组件:颜色选择器、上下文菜单等 ├── configs/ # 配置:动画、字体、快捷键、预置形状 ├── hooks/ # 复用逻辑:历史记录、导出导入等 ├── store/ # 状态管理:幻灯片数据、键盘状态 ├── types/ # TypeScript 类型定义 ├── utils/ # 工具函数:剪贴板、图像、文本解析 └── views/ # 业务视图:编辑器、播放器、移动端想读源码,建议从这三篇文档入手:
- 目录与数据结构:doc/DirectoryAndData.md
- 画布与元素原理:doc/Canvas.md
- 自定义一个新元素:doc/CustomElement.md
贡献方向参考:修复编辑体验的 bug、完善右键菜单与快捷键覆盖、提升 PPTX 导入导出还原度、补充使用与开发文档。
PPTist 的价值在于"制作 → 编辑 → 放映 → 导出"整条链路都能在浏览器里完成,且代码完全开源可改。把仓库克隆到本地跑一遍,用 AI 生成一份初稿,剩下的细节交给画布,就是最顺的上手路线。
【免费下载链接】PPTistPowerPoint-ist(/'pauəpɔintist/), An online presentation application that replicates most of the commonly used features of MS PowerPoint, allowing for the editing and presentation of PPT online. It also supports AIPPT and local PPTX file preview.项目地址: https://gitcode.com/gh_mirrors/pp/PPTist
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考