在线文稿演示应用PPTist

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

上周我们分享了一个面向程序员的幻灯片演示应用程序,名为 Slidev

文章传送门:为开发者设计的幻灯片演示工具Slidev

而今天我们要介绍的是一个适用于所有人的演示工具,名为 PPTistPPTist 提供了各种美化选项,可以帮助您更加精美、流畅地修饰您的幻灯片,使其更加吸引人。无论您是开发人员还是其他领域的专业人士,PPTist 都是一个功能强大且易于使用的工具,能够让您的演示更加出色。

基础功能

  • 历史记录(撤销、重做)
  • 快捷键
  • 右键菜单
  • 导出本地文件(PPTXJSON、图片、PDF
  • 导入导出特有 .pptist 文件
  • 打印

更多功能请去官网查阅。

构建镜像

如果你不想自己构建,可以跳过,直接阅读下一章节

这是一个前端项目,所以老苏用了一贯使用的标准 Dockerfile 模板

dockerfile 复制代码
FROM node:16.16 as build-deps
MAINTAINER laosu<wbsu2003@gmail.com>
    
WORKDIR /app
COPY . ./
RUN npm install
RUN npm run build
  
FROM nginx:1.12-alpine
COPY --from=build-deps /app/dist /usr/share/nginx/html
    
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

构建镜像和容器运行的基本命令如下👇

bash 复制代码
# 下载代码
git clone https://github.com/pipipi-pikachu/PPTist.git

# 进入目录  
cd PPTist

# 构建镜像
docker build -t wbsu2003/pptist:v1 .

# 运行容器
docker run -d \
   --name pptist \
   -p 3277:80 \
   wbsu2003/pptist:v1

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 pptist ,选择第二个 wbsu2003/pptist,版本选择 latest

端口

本地端口不冲突就行,不确定的话可以用命令查一下

bash 复制代码
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3277 80

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

bash 复制代码
# 运行容器
docker run -d \
   --restart unless-stopped \
   --name pptist \
   -p 3277:80 \
   wbsu2003/pptist

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

yaml 复制代码
version: '3'

services:
  pptist:
    image: wbsu2003/pptist
    container_name: pptist
    restart: unless-stopped
    ports:
      - 3277:80

然后执行下面的命令

bash 复制代码
# 新建文件夹 pptist 
mkdir -p /volume1/docker/pptist

# 进入 pptist 目录
cd /volume1/docker/pptist

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3277 就能看到主界面

左上角菜单

右侧下载按钮支持各种格式导出

导入 pptx 文件虽然还是测试版,但效果也还行

其他功能和 PPT 是差多的,也支持特效切换和动画功能,官方提供了功能列表:https://github.com/pipipi-pikachu/PPTist#-功能列表

参考文档

pipipi-pikachu/PPTist: 基于 Vue3.x + TypeScript 的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint 常用功能,实现在线PPT的编辑、演示。支持导出PPT文件。

地址:https://github.com/pipipi-pikachu/PPTist
PPTIST - 在线演示文稿

地址:https://pipipi-pikachu.github.io/PPTist/

相关推荐
追风林6 小时前
mac 本地docker-mysql主从复制部署
mysql·macos·docker
城南vision8 小时前
Docker学习—Docker核心概念总结
java·学习·docker
wclass-zhengge8 小时前
Docker篇(Docker Compose)
运维·docker·容器
梦魇梦狸º12 小时前
腾讯轻量云服务器docker拉取不到镜像的问题:拉取超时
docker·容器·github
鬼才血脉12 小时前
docker+mysql配置
mysql·adb·docker
詹姆斯爱研究Java12 小时前
Docker 的基本概念和优势
docker
南猿北者14 小时前
docker镜像仓库常用命令
运维·docker·容器
杨浦老苏14 小时前
Docker可视化管理面板DPanel的安装
运维·docker·群晖
航月16 小时前
FTP、ISCSI、CHRONY、DNS、NFS、DOCKER、MARIADB、NGINX、PHP、CA各服务开启方法
nginx·docker·mariadb
微刻时光16 小时前
Docker镜像分成
java·运维·开发语言·docker·容器·镜像