OpenPPT：基于 Web 的智能 PPT 在线编辑器

协作与分享功能：

• 实时协作：多人在线、实时同步、评论批注、版本历史、权限控制
• 分享方式：链接分享、嵌入代码、导出文件、在线演示、发布平台
• 协作工具：聊天功能、任务分配、进度跟踪、通知提醒、审核流程

移动端功能：

• 移动优化：响应式设计、触摸优化、手势支持、离线支持、同步机制
• 移动特性：简洁界面、快速操作、语音输入、拍照插入、移动分享
• 移动创作：模板库、AI 助手、云存储、协作功能、演示工具

安装与配置

环境准备

系统要求：

• 支持平台：Windows 10+、macOS 10.15+、Linux 主流发行版、iOS/Android 现代版本
• 浏览器要求：Chrome 80+、Firefox 78+、Safari 13+、Edge 80+
• 开发环境：Node.js 16+、npm/yarn、Git、VS Code
• 硬件要求：内存 4GB RAM(推荐 8GB)、存储 2GB 可用空间

AI 功能配置：

• AI 服务：API 密钥、服务端点配置、模型选择、额度管理、本地部署
• 可选 AI 服务：OpenAI (GPT 系列)、本地模型、其他 API、多模型支持
• 配置方式：环境变量、配置文件、管理界面配置、动态切换

安装步骤

基础安装：

# 克隆项目代码
git clone https://github.com/YOOTeam/OpenPPT.git
cd OpenPPT
# 安装依赖
npm install
# 或使用 yarn
yarn install
# 开发模式运行
npm run dev
# 访问应用
# 浏览器打开 http://localhost:5173

生产环境部署：

# 构建生产版本
npm run build
# 预览生产版本
npm run preview
# 部署到服务器
# 将 dist 目录部署到 Web 服务器

Docker 部署：

# 使用 Docker 部署
docker build -t openppt .
docker run -p 3000:3000 openppt
# 使用 Docker Compose
docker-compose up -d

AI 功能配置：

// 在 public/config.js 中配置
window._APPKEYTOKEN = 'your-api-key-here'
// 或多个 AI 服务配置
window._AICONFIG = {
  openai: {
    apiKey: 'your-openai-key',
    endpoint: 'https://api.openai.com/v1'
  }
}

环境配置：

# 创建.env 文件
VITE_API_BASE_URL=http://localhost:3000
VITE_AI_SERVICE=openai
VITE_AI_API_KEY=your-api-key
VITE_UPLOAD_MAX_SIZE=10485760
# 开发环境配置
cp .env.dev .env

配置说明

基础配置：

const config = {
  appName: 'OpenPPT',
  version: '1.0.0',
  autoSave: true,
  saveInterval: 30000,
  maxUndoSteps: 100,
  theme: 'light',
  language: 'zh-CN',
  fontSize: 14
}

文件格式配置：

const supportedFormats = {
  import: { ppt: ['ppt', 'pptx'], pdf: ['pdf'], image: ['jpg', 'jpeg', 'png', 'gif'] },
  export: { ppt: ['pptx'], pdf: ['pdf'], image: ['png', 'jpg'], html: ['html'] }
}

协作配置：

const collaborationConfig = {
  enabled: true,
  maxUsers: 50,
  realtimeSync: true,
  permissions: { read: true, write: true, comment: true, share: true }
}

使用指南

基本工作流

使用 OpenPPT 的基本流程包括：环境准备 → 安装部署 → 项目创建 → 内容编辑 → 格式美化 → 动画添加 → 演讲准备 → 协作分享 → 导出发布 → 演示演讲。

基本使用

文档创建使用：

1. 选择创建方式：空白/模板/AI 生成
2. 设置文档属性：标题/主题/尺寸
3. 添加页面内容：文本/图片/图表
4. 调整页面布局：排版/对齐/分布
5. 应用样式主题：颜色/字体/效果

AI 生成示例：

1. 输入主题："产品发布会演示文稿"
2. 选择风格：科技感/商务/创意
3. 设定页数：10-15 页
4. 生成内容：AI 自动生成大纲和内容
5. 微调优化：手动调整和优化

编辑操作使用：

• 文本编辑：字体设置、段落格式、文字效果、智能调整、格式刷
• 图形编辑：形状绘制、样式设置、编辑顶点、组合操作、布尔运算
• 图片处理：裁剪调整、色彩调整、滤镜效果、背景移除、图片样式

AI 辅助使用：

• AI 内容生成：内容建议、文案优化、配图推荐、数据生成、演讲要点
• AI 排版美化：布局分析、样式建议、配色方案、字体搭配、动画效果
• AI 演讲辅助：讲稿生成、时间控制、重点提示、问答准备、演练反馈

高级用法

协作编辑使用：

• 实时协作：邀请成员、权限设置、同时编辑、变更跟踪、冲突解决
• 版本管理：自动保存、版本对比、恢复历史、版本备注、分支管理
• 评论批注：添加评论、@提及、任务分配、状态跟踪、通知提醒

动画交互使用：

• 动画设计：进入效果、强调效果、退出效果、路径动画、时序控制
• 交互设置：超链接、动作按钮、触发器、表单交互、数据更新
• 高级交互：分支导航、条件显示、数据驱动、API 集成、自定义脚本

移动端使用：

• 移动编辑：触摸优化、手势支持、语音输入、拍照插入、离线编辑
• 移动演示：遥控演示、笔记查看、计时功能、激光笔、观众互动
• 移动创作：模板库、快速创建、素材库、云同步、分享功能

应用场景实例

案例 1：企业产品发布会

• 场景：企业新产品发布演示
• 实施方法：模板选择、AI 内容生成、数据可视化、动画效果、演讲辅助、协作审核、多端演示
• 价值：提升专业形象、大幅提升制作效率、保证内容质量、增强演示效果

案例 2：教育教学课件

• 场景：教师教学课件制作
• 实施方法：教学大纲生成、互动元素、多媒体集成、练习题目、学生协作、进度跟踪、移动学习
• 价值：提升课件制作效率、增强课堂互动性、支持个性化教学、方便资源共享

案例 3：项目汇报演示

• 场景：项目进度和成果汇报
• 实施方法：数据导入、进度可视化、成果展示、风险分析、下一步计划、实时更新、多维度展示
• 价值：提升汇报准备效率、保证数据准确性、直观展示项目情况、提供决策支持

案例 4：销售演示材料

• 场景：销售团队客户演示
• 实施方法：客户分析、方案定制、案例集成、报价集成、互动演示、移动演示、跟进管理
• 价值：提升销售成交率、高度个性化演示、增强专业形象、改善客户体验

案例 5：学术会议演讲

• 场景：学术会议研究成果展示
• 实施方法：论文导入、数据可视化、公式支持、参考文献、多语言、协作修改、在线分享
• 价值：更好展示研究成果、促进学术交流、创造合作机会、提升研究影响力

总结

OpenPPT 作为一个功能全面的在线 PPT 编辑工具，通过其强大的编辑功能、智能的 AI 辅助和优秀的协作体验，为用户提供了全新的演示文稿创作体验。

核心优势：

• 在线化：完全在线无需安装
• 智能化：深度 AI 集成
• 协作化：强大协作功能
• 多端化：全平台支持
• 兼容性：多格式兼容

适用场景：

• 企业商务演示
• 教育教学课件
• 项目工作汇报
• 销售客户演示
• 学术会议演讲

许可证：AGPL-3.0

资源链接：

• 项目地址：GitHub 仓库
• 文档：项目文档
• 问题：问题反馈