在线文稿演示应用PPTist

2023-12-25 10:52:15

在这里插入图片描述

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

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

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

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

基础功能

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

更多功能请去官网查阅。

构建镜像

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

这是一个前端项目,所以老苏用了一贯使用的标准 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;"]

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

# 下载代码
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

在这里插入图片描述

端口

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

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
327780

在这里插入图片描述

命令行安装

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

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

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

version: '3'

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

然后执行下面的命令

# 新建文件夹 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/

文章来源:https://blog.csdn.net/wbsu2004/article/details/135191914
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。