《开源精选》是我们分享 Github、Gitee 等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用——PPTist。
一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用，还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，支持导出本地 PPTX 文件，可以在此基础上搭建自己的在线幻灯片应用。
功能列表
基础功能
-
• 历史记录（撤销、重做）
-
• 快捷键
-
• 右键菜单
-
• 导出本地文件（PPTX、JSON、图片、PDF）
-
• 导入导出特有 .pptist 文件
-
• 打印
幻灯片页面编辑
-
• 页面添加、删除
-
• 页面顺序调整
-
• 页面复制粘贴
-
• 背景设置（纯色、渐变、图片）
-
• 设置画布尺寸
-
• 网格线
-
• 标尺
-
• 画布缩放、移动
-
• 主题设置
-
• 幻灯片备注
-
• 幻灯片模板
-
• 翻页动画
-
• 元素动画（入场、退场、强调）
-
• 选择面板（隐藏元素、层级排序、元素命名）
幻灯片元素编辑
-
• 元素添加、删除
-
• 元素复制粘贴
-
• 元素拖拽移动
-
• 元素旋转
-
• 元素缩放
-
• 元素多选（框选、点选）
-
• 多元素组合
-
• 多元素批量编辑
-
• 元素锁定
-
• 元素吸附对齐（移动和缩放）
-
• 元素层级调整
-
• 元素对齐到画布
-
• 元素对齐到其他元素
-
• 多元素均匀分布
-
• 拖拽添加图文
-
• 粘贴外部图片
-
• 元素坐标、尺寸和旋转角度设置
-
• 元素超链接（链接到网页、链接到其他幻灯片页面）
文字
-
• 富文本编辑（颜色、高亮、字体、字号、加粗、斜体、下划线、删除线、角标、行内代码、引用、超链接、对齐方式、序号、项目符号、缩进、清除格式）-
-
• 行高
-
• 字间距
-
• 段间距
-
• 首行缩进
-
• 填充色
-
• 边框
-
• 阴影
-
• 透明度
-
• 竖向文本
图片
-
• 裁剪（自定义、按形状、按纵横比）
-
• 滤镜
-
• 着色（蒙版）
-
• 翻转
-
• 边框
-
• 阴影
-
• 替换图片
-
• 重置图片
-
• 设置为背景图
形状
-
• 替换形状
-
• 填充色
-
• 边框
-
• 阴影
-
• 透明度
-
• 翻转
-
• 编辑文字
线条
-
• 颜色
-
• 宽度
-
• 样式
-
• 端点样式
图表（柱状图、条形图、折线图、面积图、散点图、饼图、环形图）
-
• 图表转换
-
• 数据编辑
-
• 背景填充
-
• 主题色
-
• 坐标系与坐标文字颜色
-
• 其他图表设置
-
• 边框
-
• 图例
表格
-
• 行、列添加删除
-
• 主题设置（主题色、表头、汇总行、第一列、最后一列）
-
• 合并单元格
-
• 单元格样式（填充色、文字颜色、加粗、斜体、下划线、删除线、对齐方式）
-
• 边框
视频
-
• 预览封面设置
音频
-
• 图标颜色
-
• 自动播放
-
• 循环播放
公式
-
• LaTeX 编辑
-
• 颜色设置
-
• 公式线条粗细设置
幻灯片放映
-
• 全部幻灯片预览
-
• 画笔、黑板工具
-
• 计时器工具
-
• 激光笔
-
• 自动放映
-
• 演讲者视图
移动端
-
• 基础编辑
-
• 页面添加、删除、复制、备注、撤销重做
-
• 插入文字、图片、矩形、圆形
-
• 元素通用操作：移动、缩放、复制、删除、层级调整、对齐
-
• 元素样式：文字（加粗、斜体、下划线、删除线、字号、颜色、对齐方向）、填充色
-
• 基础预览
-
• 播放预览
项目运行
npm install
npm run serve运行效果
传送门
开源协议：Apache2.0
开源地址：https://github.com/pipipi-pikachu/PPTist
-END-
原文始发于微信公众号（开源技术专栏）：常用功能完美还原！这个在线的 PPT 应用有点厉害
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/124872.html
