ppt演示文稿

PPTist

一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用，还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，支持导出本地 PPTX 文件，支持移动端基础编辑和预览，支持 PWA。您可以在此基础上搭建自己的在线幻灯片应用。

PPTist

在线体验地址：PPTIST - 在线演示文稿

如果网络状态不佳，可以访问国内镜像（非实时更新）：https://pptist.gitee.io/

前排提示本项目的目标是打造一个 “在线幻灯片应用” ，而非 “低代码平台”、“H5 编辑器” 或 “图片编辑工具” 等。本项目的目标受众是有【Web 幻灯片】开发需求的开发者，提供的链接只是一个演示地址，并不能作为工具使用，也不提供任何在线服务。 如果你只是需要一个服务或工具，可以选择更优秀和成熟的产品，例如：石墨文档、金山文档、Slidev、revealjs 等。本项目是基于 DOM 的渲染方案，好处是简单。但是相比 Canvas 渲染的方案，在复杂场景下性能会存在一定的差距，所以如果你对性能有较高的要求，本项目可能不是一个好的参考方向。这里总结了一些常见问题，第一次提 Issues 和 PR 时，务必提前阅读此文档。 项目运行

npm installnpm run rve 功能列表基础功能历史记录（撤销、重做）快捷键右键菜单导出本地文件（PPTX、JSON、图片、PDF）导入导出特有 .pptist 文件打印幻灯片页面编辑页面添加、删除页面顺序调整页面复制粘贴背景设置（纯色、渐变、图片）设置画布尺寸网格线标尺画布缩放、移动主题设置幻灯片备注幻灯片模板翻页动画元素动画（入场、退场、强调）幻灯片元素编辑元素添加、删除元素复制粘贴元素拖拽移动元素旋转元素缩放元素多选（框选、点选）多元素组合多元素批量编辑元素锁定元素吸附对齐（移动和缩放）元素层级调整元素对齐到画布元素对齐到其他元素多元素均匀分布拖拽添加图文粘贴外部图片元素坐标、尺寸和旋转角度设置元素超链接（链接到网页、链接到其他幻灯片页面）文字富文本编辑（颜色、高亮、字体、字号、加粗、斜体、下划线、删除线、角标、行内代码、引用、超链接、对齐方式、项目符号、缩进、清除格式）行高字间距段间距首行缩进填充色边框阴影透明度图片裁剪（自定义、按形状、按纵横比）滤镜翻转边框阴影替换图片重置图片设置为背景图形状填充色边框阴影透明度翻转编辑文字线条颜色宽度样式端点样式图表（柱状图、条形图、折线图、面积图、散点图、饼图、环形图）数据编辑背景填充主题色坐标系与坐标文字颜色其他图表设置边框图例表格行、列添加删除主题设置（主题色、表头、汇总行、第一列、最后一列）合并单元格单元格样式（填充色、文字颜色、加粗、斜体、下划线、删除线、对齐方式）边框视频预览封面设置音频图标颜色自动播放循环播放公式LaTeX编辑颜色设置公式线条粗细设置幻灯片放映全部幻灯片预览画笔、黑板工具激光笔自动放映演讲者视图移动端基础编辑页面添加、删除、复制、备注、撤销重做插入文字、图片、矩形、圆形元素通用操作：移动、缩放、复制、删除、层级调整、对齐元素样式：文字（加粗、斜体、下划线、删除线、字号、颜色、对齐方向）、填充色基础预览播放预览

导出图片

后续规划组合元素重构：能够支持组合元素进行旋转、缩放、整体执行动画等；导入本地PPTX文件；将 Vue CLI 更换到 Vite 生态；开源地址

Gitee：PPTist: 一个基于 Vue3.x + TypeScript 的在线演示文稿应用，实现PPT幻灯片的在线编辑、演示。还原了大部分PPT常用功能，支持 文字、图片、形状、线条、图表、表格 6种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，尽可能还原本地桌面应用的使用体验。