2021-02-02 09:17:28 +08:00
|
|
|
|
# PPTist
|
|
|
|
|
> 一个基于 Vue3.x + TypeScript 的在线演示文稿应用,还原了大部分PPT常用功能,支持 文字、图片、形状、线条、图表、表格 6种最常用的元素类型,每一种元素都拥有高度可编辑能力,同时支持丰富的快捷键和右键菜单,尽可能还原本地桌面应用的使用体验。
|
2020-12-10 19:14:45 +08:00
|
|
|
|
|
2021-02-01 20:00:58 +08:00
|
|
|
|
你可以对它进行二次开发,打造属于自己的 在线演示文稿应用 或者 在线设计工具(二次开发文档正在编写中)。
|
|
|
|
|
|
2021-02-01 19:45:01 +08:00
|
|
|
|
在线体验地址:https://pptist.gitee.io/
|
|
|
|
|
|
|
|
|
|
Github仓库:https://github.com/pipipi-pikachu/PPTist
|
|
|
|
|
|
|
|
|
|
|
2021-02-02 09:17:28 +08:00
|
|
|
|
# 项目运行
|
2020-12-10 19:14:45 +08:00
|
|
|
|
```
|
|
|
|
|
npm install
|
|
|
|
|
|
|
|
|
|
npm run serve
|
|
|
|
|
```
|
|
|
|
|
|
2021-02-02 09:17:28 +08:00
|
|
|
|
# 常见问题
|
|
|
|
|
Q. 为什么xxx快捷键没有作用?
|
|
|
|
|
|
|
|
|
|
A. 部分快捷键需要聚焦到指定区域才会生效,例如焦点在左边缩略图列表才能使用操作页面的快捷键,焦点在画布区域才能使用操作元素的快捷键。
|
|
|
|
|
|
|
|
|
|
Q. 为什么粘贴没有作用?
|
|
|
|
|
|
|
|
|
|
A. 请注意允许浏览器访问系统剪贴板。
|
|
|
|
|
|
|
|
|
|
Q. 为什么浏览器刷新或重新打开后,之前做的PPT没有了?
|
|
|
|
|
|
|
|
|
|
A. 该演示项目是纯前端部署的,不会保存数据。
|
|
|
|
|
|
|
|
|
|
Q. 如何调整幻灯片页面的顺序?
|
|
|
|
|
|
|
|
|
|
A. 按住左侧缩略图可进行拖拽调整顺序。
|
|
|
|
|
|
|
|
|
|
# 项目依赖
|
2020-12-10 19:14:45 +08:00
|
|
|
|
|
2021-02-01 19:45:01 +08:00
|
|
|
|
`ant-design-vue` -- UI库
|
2020-12-10 19:14:45 +08:00
|
|
|
|
|
2021-02-01 19:45:01 +08:00
|
|
|
|
`lodash` -- 工具库
|
|
|
|
|
|
|
|
|
|
`prosemirror` -- 富文本编辑框架,用于文本元素的富文本编辑
|
|
|
|
|
|
|
|
|
|
`chartist` -- svg图表库,用于图表元素
|
|
|
|
|
|
|
|
|
|
`tinycolor2` -- 颜色处理工具
|
|
|
|
|
|
|
|
|
|
`dexie` -- indexedDB 包装器,用于记录历史操作
|
|
|
|
|
|
|
|
|
|
`store2` -- localstorage 和 sessionstorage 包装器
|
|
|
|
|
|
|
|
|
|
`mitt` -- 自定义事件发射/监听
|
|
|
|
|
|
|
|
|
|
`animate.css` -- CSS动画库
|
|
|
|
|
|
|
|
|
|
`vuedraggable` -- 基于vue的拖拽插件,用于调整页面顺序等
|
|
|
|
|
|
|
|
|
|
`crypto-js` -- 加密函数库,用于加解密剪贴板内容
|
|
|
|
|
|
|
|
|
|
`clipboard` -- 用于复制内容到剪贴板
|
2020-12-10 19:14:45 +08:00
|
|
|
|
|
2021-02-01 20:00:58 +08:00
|
|
|
|
`@icon-park/vue-next` -- 图标库
|
|
|
|
|
|
2021-02-02 09:17:28 +08:00
|
|
|
|
# License
|
2021-02-01 20:00:58 +08:00
|
|
|
|
MIT
|