pipipi-pikachu / pptist Goto Github PK

An online presentation application that replicates most of the commonly used features of Microsoft Office PowerPoint, allowing for the editing and presentation of PPT online. It also supports the export of PPT files.

Home Page: https://pipipi-pikachu.github.io/PPTist/

License: GNU Affero General Public License v3.0

JavaScript 0.22% HTML 0.16% Vue 56.84% SCSS 0.54% TypeScript 42.22% Shell 0.01%

vue typescript ppt slide office powerpoint online-ppt online-powerpoint pptx office-powerpoint

pptist's Introduction

console.log('Welcome to my page! 🎉')

🤔 About Me:

🚀 A Front-End Developer.
🏷️ A Minimalist.
✉️ Reach Me: [email protected]

pptist's People

Contributors

Stargazers

Watchers

Forkers

kaiserzhang144 lin-xiao-yao gtiger666 syqhtt tina2elva iqiuyu-0821 janix520 biewen520 hi-noikiy slzll franczx liufanghua2012 zhangshoulin yufan001 liu20115342 kaiyingren beetaa yongbolu flysuperzhang qiyubu zhangxiang0316 ykshao jshonker lhyunited brooke1220 kian-404 tpanhh yilidan liuyuu11 tyche116 yuyoooo koiomi freak-jacker muzilong bestjex smodin piaolin gdrk ka1evi xiezipei zlw-wlz slowsoulwen mzhren wy2022 tomtomzhang1970 tshemeng wooodhead davidfph anttutu winkb qihang12138 cfjin fantingsheng moedong roxannej nauy1216 dchijack unpanda7 ideas-design ooloveoo xsxs89757 mengshaofei vueprofans e1fang l-ll codennnn xusyang 872409 b-xiang ofei tanh-coding cosdyt eeeeeeeason romber123 yangyuan02 jyoketsu cyg720 dongzhu a-waiter yorkswang basered webdesignjs crackercat zhicheng99 daoos micronaut-vue demongao dwqdaiwenqi yunxiaopw osag11 frxing aituanyuan vibrant-kirchpck yaozijun missile-xuan xxl-ghca devops-utils zhengdeding qiuquanwu youla-tech

pptist's Issues

[Bug report]表格复制粘贴有问题

问题描述
表格复制粘贴有问题

CustomTextarea.vue 中 textareaRef.value.onpaste 方法会更新数据但是不修改当前页面框体内容

自己尝试了下修复
因为禁用了原始事件手动处理粘贴后光标位置有问题还是大佬看看吧

[Bug report] ColorPicker

问题描述

在使用ColorPicker过程中，拖拽Saturation board时会导致Hue picker的值发生改变，进而会改变Saturation board的底色。

环境信息
至少包含以下部分：

系统环境: Windows
浏览器环境：Chrome Version 90.0.4430.212 (Official Build) (64-bit)

Safari 无法编辑。

如题。

详细信息

版本：Version 14.0 (14610.1.28.1.9)
OS：macOS Mojave 10.14.6

导出图片时间过长

由于 html-to-image 在将dom生成图片时，会主动下载所有web字体，导致导出时间极长

线条元素能否支持锚点

类似ppt中线条连接两个其他元素
另外两个元素位置变动线条同步跟随变动

slide数据缺失

删除默认slide后，自动生成的slide缺少background属性

创建图表编辑数据时回车进入下一行

npm i@ant-design 包下载有问题

建议添加本地存储功能

关闭网页或者刷新网页，数据就没了。或许可以把本地数据存储在 Local Storge 里。
另外，对这个项目很感兴趣，作者有下一步的开发计划吗？比如未来打算添加什么功能？

表格控件文字样式调整后切换回来样式按钮显示出错

问题描述
创建表格输入文字修改样式
右侧控制栏切换到动画
点击其他地方取消选中表格再点击回表格双击进入编辑选中修改样式的单元格
再切换回样式控制栏
发现样式显示为默认样式

[Bug report]元素组合后，「位置」里的居中、对齐等功能失效

未来计划（长期）

短期内主要还是会把重心放在导入功能的研究上。

在这里简单说下后续的一些想法，例如：

1、公式元素，这个还没想好具体是做成latex编辑还是可视化编辑。如果做可视化编辑，我看过现有的一些轮子，感觉体验上都不怎么样，所以可能会选择自己实现。

2、动画的强化，目前仅支持入场动画，后面希望补充上退场动画和强调动画，另外是动画的入场方式不仅仅是现在的顺序触发，还需要有跟随上一个动画触发，自动触发等。

3、更多的导出格式，例如PDF、HTML文件。

暂时就这些，再想到其他的会补充在后面。

[Bug report]表格元素切换其他元素报错问题

问题描述
创建表格后点击或创建其他元素
会报错

查了下原因
emitter.on(EmitterEvents.UPDATE_TABLE_SELECTED_CELL, cells => updateSelectedCells(cells))
updateSelectedCells此方法中表格丢失焦点也会调用
虽然代码执行emitter.off卸载但是会先执行 updateSelectedCells
当执行的时候 handleElement已经变成了其他的元素 handleElement.value.data[rowIndex][colIndex].style就报错了
貌似执行中报错导致数据更新不掉之后的点击会一直报错

我加了个判断貌似可以了但不知道会不会影响其他地方
大佬看看

当PPT页数过多的时候，点击切换，页面加载延迟很高

当左边的Thumbnails对应后台list很多的时候，点击切换加载Canvas很慢
希望“mutations.ts”中针对这个“MutationTypes.UPDATE_SELECTED_SLIDES_INDEX”中切换index的时候，不是重新加载，而是做成原先display：none属性，切换的时候，针对index动态展示。感恩！

项目内同时存在两种长度的id？

部分id的生成执行 createRandomCode(8)
部分id的生成执行 createRandomCode() // 缺省情况 len = 6

可旋转的元素旋转后缩放操作点鼠标指针提示问题

当可旋转元素旋转了90°之后
左右拉伸和上下拉伸位置变化
鼠标放在下方操作点上显示的是左右箭头
（感觉调整这个有点麻烦我就提一嘴）

创建图表多列数据时设置颜色及图例

在未创建文本输入框时直接粘贴文本换行丢失

无法本地保存和打开吗

您好，请问这个项目的导入和导出功能什么时候能够上线

您是否需要赞助

[Bug report] 富文本元素切换页面后样式控制失效

富文本元素切换页面后样式控制失效

在切换页面后再次通过右侧样式控制台编辑富文本样式报错

看起来像emit丢了

您好，留意到这个这个项目，刚好想用，请问现在是不是还没正式完成？

如果可以的话想参与进来

演示时翻页到头提示过于频繁

[Bug report]点击插入文本再插入表格之后插入文本的状态还在

问题描述
先点击插入文本按钮
点击插入表格
表格插入之后文本插入状态还在

creatingElement没清理掉

建议形成一个web通用第三方库

在线ppt功能很强大，能否形成一个vue、react使用的第三方库，通过npm安装，直接使用ppt组件即可在个人网站上使用。

在Safari浏览器中无法进入演示。插入文字后，无法输入文字。

支持插入视频。

啥时候能支持插入视频。

表格元素下划线、删除线展示问题

应用下划线或删除线后，无法取消应用。

[Bug report]

问题描述
大佬我发现在历史快照中

导致在ppt中间某页面添加页面后点击撤销
当前页面选中的页面并不是添加前的光标页面

应该是截图中的代码的问题 store/actions.ts ADD_SNAPSHOT中
但是没理解这段代码有什么其他特殊的用处

（给大佬递上星星）

考虑添加文件至.gitignore？

建议将dist和package-lock.json添加至.gitignore，避免不必要的冲突。

[Bug report]撤销旋转操作不起作用

选择元素手动让其旋转后，按撤销按钮，无法撤销旋转，元素依然倾斜

请问如何给选定的slide添加子slide，形成树形结构。

请问如何给选定的slide添加子slide，形成树形结构。如果开发的话该如何实现呢？

[Bug report] 表格元素的字体大小设置在播放模式下失效

问题描述
表格元素的字体大小设置在播放模式下失效

我看了下很小的一个样式覆盖问题
我改好了但是上一个Pull Request还没过新的提不上来

图形能否支持添加文字

[Bug report]插入文字后不进行输入直接操作样式属性会出现问题

问题描述
插入富文本控件后直接通过editorView.dispatch修改样式
会因为store中数据还未更新
在富文本聚焦函数handleFocus中 props.elementInfo.content 的值还是 '请输入内容'
导致dom被清空致使富文本报错

feature: 全局快捷键支持command

PPTist/src/hooks/useGlobalHotkey.ts

Line 138 in 5890ca1

if ((ctrlKey || metaKey) && key === KEYS.C) {

PPTist/src/hooks/useGlobalHotkey.ts

Line 143 in 5890ca1

if (ctrlKey && key === KEYS.X) {

[Bug report]文本框样式设置失效

问题描述
文本框样式设置失效了

[Bug report]updateTableCells方法多次触发问题

我又来了

问题描述
在修改表格单元格会调用两次updateTableCells方法第一次传入的还是个string类型

找了下原因
EditableTable.vue中
// 单元格文字输入时更新表格数据 const handleInput = debounce(function(value, rowIndex, colIndex) { tableCells.value = tableCells.value[rowIndex][colIndex].text = value emit('change', tableCells.value) }, 300, { trailing: true })
tableCells.value = tableCells.value[rowIndex][colIndex].text = value
会先触发
const tableCells = computed<TableCell[][]>({ get() { return props.data }, set(newData) { emit('change', newData) }, })
中的set

（暂时看起来不影响功能因为第一次string传进去后紧接着会被第二次的正确数据覆盖其他地方还没试）
断点打的我头皮发麻

添加画笔工具支持触摸功能

[Bug report]表格元素样式 TableStylePanel.vue 中 emitter.on 顺序问题

问题描述

生成一个组表格
切到"位置"编辑窗
给表格加入几个数据
选中其中一个数据
切到”样式“编辑窗
修改样式
发现整个表格的样式都被修改

问题大概是因为TableStylePanel.vue中emitter.on方法在页面打开激活时候才生效，
先选择数据再打开面板导致表格位置数据获取不到，从而改变整个表格样式

另外生成单元格的时候这样会导致单元格id都一样好像不太对不过暂时没发现什么问题
`
const rowCells: TableCell[] = new Array(col).fill({ id: createRandomCode(), colspan: 1, rowspan: 1, text: '', style })
const data: TableCell[][] = new Array(row).fill(rowCells)

// 我改成循环拿随机id了
const data: TableCell[][] = new Array(row)
for (let i = 0 ;i < row; i++) {
  const rowCells: TableCell[] = new Array(col)
  for (let j = 0 ;j < col; j++) {
    rowCells[j] = { id: createRandomCode(), colspan: 1, rowspan: 1, text: '', style }
  }
  data[i] = rowCells
}