本文介紹了PPTist,一個強(qiáng)大的在線演示工具,支持多種元素編輯和導(dǎo)出,以及與PowerPoint相似的功能。文章還詳細(xì)說明了如何使用Docker構(gòu)建和部署PPTist應(yīng)用,以及其安裝和運(yùn)行方法。
PPTist
是一個基于 Vue3.x + TypeScript
的在線演示文稿(幻燈片)應(yīng)用,還原了大部分 Office PowerPoint
常用功能,支持文字、圖片、形狀、線條、圖表、表格、視頻、音頻、公式等幾種最常用的元素類型,每一種元素都擁有高度可編輯能力,同時支持豐富的快捷鍵和右鍵菜單,力求還原桌面應(yīng)用級體驗(yàn)。支持導(dǎo)出本地 PPTX
文件,支持移動端基礎(chǔ)編輯和預(yù)覽,支持 PWA
。您可以在此基礎(chǔ)上搭建自己的在線幻燈片應(yīng)用。
今天我們要介紹的是一個適用于所有人的演示工具,名為 PPTist
。PPTist
提供了各種美化選項(xiàng),可以幫助您更加精美、流暢地修飾您的幻燈片,使其更加吸引人。無論您是開發(fā)人員還是其他領(lǐng)域的專業(yè)人士,PPTist
都是一個功能強(qiáng)大且易于使用的工具,能夠讓您的演示更加出色。
基礎(chǔ)功能
- 歷史記錄(撤銷、重做)
- 快捷鍵
- 右鍵菜單
- 導(dǎo)出本地文件(
PPTX
、JSON
、圖片、PDF
) - 導(dǎo)入導(dǎo)出特有
.pptist
文件 - 打印
更多功能請去官網(wǎng)查閱。
構(gòu)建鏡像
如果你不想自己構(gòu)建,可以跳過,直接閱讀下一章節(jié)
這是一個前端項(xiàng)目,所以老蘇用了一貫使用的標(biāo)準(zhǔn) 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;"]
構(gòu)建鏡像和容器運(yùn)行的基本命令如下??
# 下載代碼
git clone https://github.com/pipipi-pikachu/PPTist.git
# 進(jìn)入目錄
cd PPTist
# 構(gòu)建鏡像
docker build -t wbsu2003/pptist:v1 .
# 運(yùn)行容器
docker run -d \
--name pptist \
-p 3277:80 \
wbsu2003/pptist:v1
安裝
在群暉上以 Docker 方式安裝。
在注冊表中搜索 pptist
,選擇第二個 wbsu2003/pptist
,版本選擇 latest
。

端口
本地端口不沖突就行,不確定的話可以用命令查一下
# 查看端口占用
netstat -tunlp | grep 端口號

命令行安裝
如果你熟悉命令行,可能用 docker cli
更快捷
# 運(yùn)行容器
docker run -d \
--restart unless-stopped \
--name pptist \
-p 3277:80 \
wbsu2003/pptist
也可以用 docker-compose
安裝,將下面的內(nèi)容保存為 docker-compose.yml
文件
version: '3'
services:
pptist:
image: wbsu2003/pptist
container_name: pptist
restart: unless-stopped
ports:
- 3277:80
然后執(zhí)行下面的命令
# 新建文件夾 pptist
mkdir -p /volume1/docker/pptist
# 進(jìn)入 pptist 目錄
cd /volume1/docker/pptist
# 將 docker-compose.yml 放入當(dāng)前目錄
# 一鍵啟動
docker-compose up -d
運(yùn)行
在瀏覽器中輸入 http://群暉IP:3277
就能看到主界面

左上角菜單

右側(cè)下載按鈕支持各種格式導(dǎo)出

導(dǎo)入 pptx
文件雖然還是測試版,但效果也還行

其他功能和 PPT
是差多的,也支持特效切換和動畫功能,官方提供了功能列表:https://github.com/pipipi-pikachu/PPTist#-功能列表
參考文檔
pipipi-pikachu/PPTist: 基于 Vue3.x + TypeScript 的在線演示文稿(幻燈片)應(yīng)用,還原了大部分 Office PowerPoint 常用功能,實(shí)現(xiàn)在線PPT的編輯、演示。支持導(dǎo)出PPT文件。
地址:https://github.com/pipipi-pikachu/PPTist
PPTIST - 在線演示文稿
地址:https://pipipi-pikachu.github.io/PPTist/
該文章在 2025/9/24 9:29:34 編輯過