PPTist 教程：三条命令本地跑起免费开源在线 PPT 编辑器，支持 AI 生成 PPT-港品优选

PPTist 教程：三条命令本地跑起免费开源在线 PPT 编辑器，支持 AI 生成 PPT

【免费下载链接】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

上周同事让我帮忙改一份 PPT，他自己电脑上没装 Office，公司的在线版还得登录等加载。我顺手把 PPTist 在他机器上跑了起来——一个免费开源的在线 PPT 编辑器，文字、图表、表格直接在浏览器里编辑，还能用 AI 从大纲生成一套 PPT 初稿。这篇文章带你从零跑起来，讲清它到底能干什么、怎么干。

它是什么：住在浏览器里的 PPT 编辑器

先花一分钟搞清楚这东西的"身份"，免得后面用错场景。

它做的事

PPTist（读作 /'pauəpɔintist/）是一个基于 Web 的演示文稿应用，把 Office PowerPoint 的大部分常用功能搬进了浏览器：文字、图片、形状、线条、图表、表格、视频、音频、公式这 9 种元素全都有，编辑和放映都无需离开网页。

开源协议先读一遍

项目采用 AGPL-3.0 协议，个人用、学习用、改代码都免费，代码完全透明。需要提醒一句：如果你的产品要用它做商业服务，要么按 AGPL-3.0 继续开源，要么联系作者获取独立商业授权，作者也保留了一个停止维护的 Apache 2.0 旧版本作为备选。这一点在 LICENSE 里有完整说明。

为什么值得试：四个"问题 → 解法"对照

不是所有 PPT 需求都值得装一套桌面软件，下面四种情况，PPTist 给的答案比较实在。

问题与解法一一对照

不想为 PPT 单独付费、也不想折腾授权：PPTist 三条命令在本地跑起来，不注册、不联网激活，代码随便看。
想在一台没有 Office 的机器上快速改片子：它是纯 Web 应用，只要有浏览器就能编辑和放映，导入对方发来的 PPTX 文件继续改就行。
想试 AI 生成 PPT，但不想绑死在某个商业服务上：PPTist 内置模板式 AIPPT，生成数据格式是开放的（见 doc/AI_PPT_SCHEMA.md），你可以接自己的模型，把 PPTist 当作生成结果的承载和二次编辑底座。
想把"幻灯片编辑器"嵌进自己的产品里：它不依赖任何 UI 组件库，样式和功能扩展都可控，配套文档也写清楚了扩展路径，比找现成 SaaS API 更灵活。

🚀 本地跑起来：三条命令进编辑器

这一节只干一件事：把它跑起来，整个过程不超过三分钟。

环境要求

只需要 Node.js 20 及以上版本，其余依赖 npm 会一次性装完。

启动与进入界面

git clone https://gitcode.com/gh_mirrors/pp/PPTist cd PPTist npm install npm run dev

终端显示 Local 地址后，浏览器打开http://127.0.0.1:5173/就是完整编辑器：左侧是页面缩略图和模板面板，中间是画布，右侧是属性栏，顶部是工具栏。右键点击任意元素能看到上下文菜单，大部分操作都能从那里直达。

功能拆解：四个最核心的能力

功能列表很长，但真正决定它好不好用的就下面四块。

AIPPT：从大纲到成稿走四步

PPTist 内置模板之一，米色商务汇报风格，适合作为 AI 生成的版式基础

操作路径：打开工具栏的 AIPPT 入口 → 输入主题（最多 50 字，可补充行业、岗位、用途等信息）→ 选语言、风格（通用/学术风/职场风/教育风/营销风）和模型 → AI 生成内容大纲，点击条目可编辑、右键可增删 → 选一套内置模板或上传本地.pptist模板 → 生成整套幻灯片。

原理不神秘：先在 PPTist 里做好封面、目录、过渡、内容、结束这五类页面，用"页面类型标注"给页面和节点打上标记，导出 JSON 后 AI 只负责按结构填内容，版式由模板保证。详细流程在 doc/AIPPT.md，示例数据在public/mocks/AIPPT.json。适合的场景：主题明确但要快出初稿的汇报、提案、课件。

元素、样式与导入导出

编辑能力是它的主业。文字支持完整的富文本：字体、行高、字间距、项目符号、首行缩进、高亮、行内代码、超链接；图片支持裁剪（按形状/按纵横比）、滤镜、着色蒙版、阴影、直接设为背景图；形状可以用自由绘制画出任意多边形和线条；图表覆盖柱状、条形、折线、面积、散点、饼图、环形、雷达 8 种，双击就能改底层数据；表格支持行列增删、合并单元格和主题样式；视频、音频、LaTeX 公式也是正经的元素类型，不是一闪而过的装饰。

导入导出方面：PPTX 导入综合还原度约 80% 以上，导出约 95% 以上，另外还有 JSON、图片、PDF（走打印）和它自己的 pptist 文件。也就是说它既能接住别人发来的 Office 文件，也能把成果送回 Office 工作流，中间还能存成 JSON 给程序处理。

放映与演示者视图

F5 从头放映，Shift + F5 从当前页放映。放映模式里藏了几个演示时真正好用的东西：画笔工具（画笔、箭头、荧光笔、橡皮擦，还有黑板模式）、激光笔、计时器、全部幻灯片预览，以及演讲者视图和观众视图——大屏放给观众看的内容，你这边能看到当前页、下一页和备注。线上讲课、现场汇报用它比"裸放 PPT"从容不少。

实战场景：三种片子直接做

光说能力太抽象，挑三个最常见的活儿，按"谁 → 干什么 → 怎么做 → 得到什么"过一遍。

团队负责人做季度汇报

谁：需要每周/每季给上级交数据片子的团队负责人。怎么做：

左侧模板面板挑一套红色商务风模板，封面目录直接复用；
工具栏插入柱状图，双击图表编辑业绩数据；
给重点数字所在元素加一个入场动画；
导出 PPTX 发群，或 Ctrl + P 直接打印成 PDF。

得到：一页数据、几段结论的汇报片，样式统一，不用在软件里来回调格式。

红色商务模板：PPTist 内置 8 套模板之一，适合正式汇报场合

研究生做论文答辩 PPT

谁：需要答辩、组会汇报的研究生。怎么做：

选一套紫色学术风模板，目录页、过渡页结构现成；
插入公式元素，打开 LaTeX 编辑器写推导过程；
每页写演讲者备注，把可能被追问的点提前列好；
放映时用演讲者视图对照备注讲。

得到：结构清晰的答辩片，公式渲染干净，备注页相当于自带的讲稿提词器。

紫色学术模板：适合技术分享、论文答辩等严谨场合

教师做在线课件

谁：要给学员发课件、又希望学员能在手机上看的教师。怎么做：

选绿色教育风模板，清新版面省设计时间；
插入视频、音频元素，设置自动播放；
给互动环节设置翻页动画控制节奏；
导出 PDF 发学员，移动端还能直接做基础编辑和播放预览。

得到：一套多媒体课件，浏览器就能放，不依赖任何人电脑上装了什么软件。

绿色教育模板：适合课件制作、知识分享场景

技术视角：想二次开发的话看这里

如果你不只是想用它，还想拆它、改它，这部分值得花两分钟。

技术栈

Vue 3 + TypeScript + Vite + Pinia，富文本基于 ProseMirror 实现，图表用 ECharts，PPTX 导入导出走 pptxtojson 和 pptxgenjs，本地数据用 Dexie（IndexedDB）存储。最大的工程特点是没引任何 UI 组件库，界面全是自己写的——对二次开发来说，这比一堆组件依赖省事得多。

目录结构

src/ ├── assets/ # 字体与全局样式 ├── components/ # 与业务无关的通用组件 ├── configs/ # 画布尺寸、字体、动画、快捷键、预置形状配置 ├── hooks/ # 可复用逻辑：历史记录、导出、拖拽、缩放等 ├── store/ # Pinia 状态：幻灯片数据、键盘、放映等 ├── types/ # TypeScript 类型定义 ├── utils/ # 剪贴板、图像处理、富文本等工具 └── views/ # 业务视图：Editor 编辑器 / Screen 放映 / Mobile 移动端

二次开发的入口

建议按这个顺序读：doc/DirectoryAndData.md 讲目录与数据模型，doc/Canvas.md 讲画布与元素的基本原理，doc/CustomElement.md 讲如何自定义一个新元素类型。幻灯片的核心数据在src/store/slides.ts，AI 相关的数据结构在src/types/AIPPT.ts。

效率技巧：十个省时间的操作

熟练度和生手的差距，基本都在这些快捷键和习惯里。

最省时间的快捷键

Ctrl + D 快速复制：选中元素按一下，拖一下就多一个副本，比"复制-粘贴-再拖"快一倍。
T / R / O / L 直接建元素：不用碰工具栏，T 建文本、R 建矩形、O 建圆形、L 画线，画完右键退出绘制状态。
Ctrl + 滚轮缩放画布，空格 + 拖拽平移，Ctrl + 0 适应屏幕：大图编辑时视线不乱。
Ctrl + G 组合 / Ctrl + Shift + G 取消组合：把图标加文字锁成一个整体再移动，位置就散不了。
Alt + F 置顶层、Alt + B 置底层：叠放关系的调整不用去菜单里翻。
Ctrl + F 打开查找替换：整套片子换术语、改公司名，一遍过。
方向键微调选中元素：对齐像素级偏差时，比鼠标好用。

用多了才舒服的细节

截图直接粘贴：系统剪贴板里的图片，Ctrl + V 直接落到画布上，本机图片也可以直接拖进来。
文本框里写 Markdown：支持用 Markdown 语法快速建列表和引用，打字比点按钮快。
把常用页面存成幻灯片模板：做完一页满意版式后存模板，之后新页面一键套用，整套片子风格就统一了。

蓝绿模板：简洁风格，适合日常汇报和内部会议

行动收尾：今天就可以做的三步

三步上手

按前面的命令 clone 并启动，打开http://127.0.0.1:5173/；
随便选一套模板，往上面拖几个元素，把快捷放映（F5）过一遍；
打开 AIPPT 入口，输一个你手上正要做的事当主题，看看大纲和成片效果。

参与项目

欢迎提 Issue 和 PR：功能开发、bug 修复、文档补充都算。第一次提交前建议先读 doc/Q&A.md，常见问题里能省不少来回。

PPTist 最舒服的定位其实不是"替代 Office"，而是给你一个完全可控的 Web 幻灯片底座——自己产品的演示模块、AI 生成结果的落地页、团队的在线课件平台，都站在同一块地基上。跑起来试试，三分钟的事。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析