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

• 内容生成：智能文案润色、扩展与翻译。
• 配图生成：AI 智能推荐或生成配图。
• 风格转换：自动调整整体视觉风格。
• 演讲辅助：自动生成讲稿与提示词。

高级功能

动画与交互

• 动画效果：进入、退出、强调及路径动画。
• 交互设置：超链接、动作按钮、触发器控制。
• 分支逻辑：演示过程中的条件跳转。

协作与分享

• 实时协作：多人在线同步编辑，权限细粒度控制。
• 版本历史：自动保存版本，支持回溯对比。
• 分享方式：生成链接、嵌入代码或直接发布。

移动端支持

• 响应式界面：自适应屏幕尺寸。
• 手势操作：触摸优化与手势缩放。
• 离线编辑：支持离线模式下的基础编辑。

安装与配置

环境准备

系统要求

• 操作系统：Windows 10+ / macOS 10.15+ / Linux 主流发行版。
• 浏览器：Chrome 80+ / Firefox 78+ / Safari 13+ / Edge 80+。
• 开发环境：Node.js 16+ / npm 8+ 或 yarn。
• 硬件建议：内存 4GB RAM（推荐 8GB），存储 2GB 可用空间。

AI 功能配置

• 需准备 AI 服务 API 密钥。
• 支持配置环境变量或管理界面进行动态切换。
• 可选服务包括 OpenAI GPT 系列及本地部署模型。

安装步骤

基础安装

# 克隆项目代码
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 build -t openppt .

# 运行容器
docker run -p 3000:3000 openppt

# 或使用 Docker Compose
docker-compose up -d

配置说明

基础配置

// 应用基础配置
const config = {
  appName: 'OpenPPT',
  version: '1.0.0',
  autoSave: true,
  saveInterval: 30000,
  theme: 'light',
  language: 'zh-CN'
}

// AI 功能配置
const aiConfig = {
  enabled: true,
  services: {
    openai: { enabled: true, apiKey: process.env.VITE_AI_API_KEY }
  },
  features: {
    contentGeneration: true,
    imageGeneration: true
  }
}

环境变量配置

# 创建 .env 文件
VITE_API_BASE_URL=http://localhost:3000
VITE_AI_SERVICE=openai
VITE_AI_API_KEY=your-api-key
VITE_UPLOAD_MAX_SIZE=10485760

使用指南

基本工作流

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

文档创建与编辑

创建步骤

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

AI 生成示例

1. 输入主题，例如'产品发布会演示文稿'。
2. 选择风格，如科技感、商务或创意。
3. 设定页数范围，如 10-15 页。
4. 由 AI 自动生成大纲和内容。
5. 手动微调优化细节。

编辑操作要点

• 文本：支持字体、段落、文字效果及格式刷。
• 图形：支持形状绘制、顶点编辑及布尔运算。
• 图片：支持裁剪、色彩调整、滤镜及背景移除。

高级用法

协作编辑

• 邀请成员通过链接或邮箱加入。
• 设置编辑或查看权限。
• 实时显示他人光标位置与变更。
• 利用评论批注功能进行任务分配与反馈。

动画与交互

• 设计进入、强调、退出及路径动画。
• 设置超链接与动作按钮。
• 实现条件触发动画或表单收集。
• 集成外部 API 或自定义脚本逻辑。

移动端使用

• 针对触摸操作优化界面。
• 支持语音输入与拍照插入。
• 手机可作为遥控器进行演示。
• 支持离线编辑与多端云同步。

应用场景实例

企业产品发布会

• 场景：新产品发布演示。
• 方案：使用品牌模板，AI 生成产品介绍，添加数据图表与展示动画。
• 价值：提升专业形象，保证内容质量，增强演示效果。

教育教学课件

• 场景：教师教学课件制作。
• 方案：根据大纲生成内容，添加互动问答与多媒体素材。
• 价值：提升课件效率，增强课堂互动，支持个性化教学。

项目汇报演示

• 场景：项目进度和成果汇报。
• 方案：导入项目数据，创建进度图表，展示风险分析与计划。
• 价值：直观展示情况，提供决策支持，改善沟通效果。

销售演示材料

• 场景：销售团队客户演示。
• 方案：基于客户需求定制方案，集成案例与报价信息。
• 价值：提升成交率，高度个性化，改善客户体验。

学术会议演讲

• 场景：学术研究成果展示。
• 方案：导入论文内容，可视化数据，支持复杂公式与多语言。
• 价值：更好展示成果，促进学术交流，提升研究影响力。

总结

OpenPPT 作为一个功能全面的在线 PPT 编辑工具，通过强大的编辑能力、智能的 AI 辅助和优秀的协作体验，为用户提供了全新的演示文稿创作方式。它支持实时协作、多端同步及多格式兼容，适用于企业商务、教育教学、工作汇报等多种场景。

快速开始

git clone https://github.com/YOOTeam/OpenPPT.git
cd OpenPPT
npm install
npm run dev

项目地址：GitHub 仓库