在线文稿演示应用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/

相关推荐
Patrick_Wilson3 天前
从「改个端口」到 502:Next.js on k8s 的容器端口、Service 映射与 env 覆盖
docker·kubernetes·next.js
Suroy4 天前
DockerView-Go:用 Go 写一个终端 Docker 监控工具,顺便做了个 Web 仪表盘
docker
云恒要逆袭4 天前
运行你的第一个Docker容器
后端·docker·容器
宋均浩5 天前
# Docker 镜像瘦身实战:从 1.2G 到 80MB 的五个优化步骤
ci/cd·docker
程序员老赵6 天前
10 分钟部署 OpenCode:Docker 一键安装,浏览器打开就能用 AI 写代码(附完整命令与排错)
docker·容器·ai编程
WangMingHua1116 天前
LM Studio Docker 部署——本地大模型一键启动
docker
曲幽7 天前
别再用网页翻译看源码了!你的私人翻译神器LibreTranslate,部署避坑指南来了
python·docker·web·pot·translate·libretranslate·arogstranslate
武子康9 天前
调查研究-183 Apple container:Mac 上用轻量 VM 跑 Linux 容器,Swift 会改写本地容器体验吗?
docker·容器·apple
保持当下11 天前
分享一些程序员很棘手但是却又简单的工具
程序员·免费·js·工具
Alsn8612 天前
等待学习-学习目录:Docker 容器安全攻防
学习·安全·docker