在线文稿演示应用PPTist

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

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

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

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

基础功能

  • 历史记录(撤销、重做)
  • 快捷键
  • 右键菜单
  • 导出本地文件(PPTX、JSON、图片、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/

相关推荐
孙克旭_1 天前
k8s基础组件与创建资源
运维·docker·容器·kubernetes
java_logo2 天前
Docker 部署 EmulatorJS:轻松搭建浏览器复古游戏平台
游戏·docker·容器·复古游戏·轩辕镜像·emulatorjs·红白机
方便面不加香菜2 天前
Docker Container --容器及容器的操作案例详解
运维·docker·容器
无人生还别怕2 天前
如何搭建docker仓库(轻量级)registry
linux·运维·docker·云原生·容器·registry·openanolisos
YYYing.3 天前
【K8s系列 (一) 】Docker与容器(上篇)
docker·云原生·容器·kubernetes
csdn_aspnet3 天前
使用 Docker 和 RedisInsight 设置 Redis 以进行本地开发
redis·docker·容器·redisinsight
余槐i3 天前
MySQL 8.0 联合索引走错:为什么加了索引查询反而从 200ms 变成 8s
java·spring boot·mysql·docker·性能优化
csdn_aspnet3 天前
如何在本地 Docker 容器中运行 Redis,并使用 Redis Insight 和 Redis CLI 进行管理
redis·docker·容器
且从容.3 天前
Ubuntu 安装 Docker
linux·ubuntu·docker
todoitbo3 天前
我在 Mac 上用 Docker 部署 Nexent:从拉取镜像到接入模型
macos·docker·大模型·ai智能体·nexent·快速入门与环境准备