能不能把 Keynote、Office 制作 PPT 的功能搬到 Web 中实现？这些开源作者们正在做这件事情，挺有意思。
1、PPTist
看到这个库有点震惊到，这个效果太棒了！一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用，还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格 6种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，尽可能还原本地桌面应用的使用体验。
2、PptxGenJS
This library creates Open Office XML (OOXML) Presentations which are compatible with Microsoft PowerPoint, Apple Keynote, and other applications.
这个库用来创建 PPT，基于 Open Office XML (OOXML，OOXML是由微软公司为 Office 2007 产品开发的技术规范，现已成为国际文档格式标准，兼容前国际标准开放文档格式和中国文档标准“标文通”（外语简称：UOF）。于2006年12月成为ECMA标准。—— 来源百度百科)，兼容 Microsoft PowerPoint, Apple Keynote 和其它应用。
3、PPTX2HTML
这个库主要用来把 pptx 转换成 HTML，给大家演示个效果，导出为 HTML 后 PPT 中的文本即可进行选中复制：
大家加油！
素燕《前端小课》
帮助 10W 人入门并进阶前端
官网：https://lefex.gitee.io/
能不能把 Keynote、Office 制作 PPT 的功能搬到 Web 中实现？这些开源作者们正在做这件事情，挺有意思。1、PPTist看到这个库有点震惊到，这个效果太棒了！一个基于 V...
简单粗暴的办法：使用微软提供的在线预览模式打开在线文件地址即可。
https://view.officeapps.live.com/op/view.aspx?src= + 自己文件的线上地址（需要进行EncodeURI转码）
在
JS
中可以这样写：
window.open('https://view.officeapps.live.com/op/view.aspx?src='+encod...
申请达人，去除赞助商链接
提到幻灯片，大多数人首先想到的肯定是
PPT
。你知不知道通过前端
Web
技术也能创建出绚丽的幻灯片？在应用程序中能
实现
的效果在浏览器中同样也都能
实现
。
就像构建一个网站一样，我们可以通过
HTML
5,
CSS
3和Javascr
PPT
ist
一个基于Vue3.x + TypeScript的在线演示文稿应用，还原了大部分
PPT
常用
功能
，支持文字，图片，形状，线条，图表，表格6种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和快捷菜单，重新还原本地桌面应用的使用体验。
您可以对它进行二次开发，打造属于自己的在线演示文稿应用或在线设计工具（二次开发文档正在编写中）。
在线体验地址（优先更新）： :
如果网络状态不佳，可以访问国内实体： ://
ppt
ist.gitee.io/
Github仓
库
： :
npm install
npm run serve
功能
列表
通用
功能
幻灯片页面编辑
页面添加，删除
页面顺序调整
页面复制粘贴
背景设置（纯色，渐变，图片）
幻灯片元素编辑
元素添加，删除
元素复制粘贴
元素拖拽移动
阿里云、云狗、云盾
网站在线检测：http://
web
scan.360.cn/
https://guanjia.qq.com/online_server/
web
index.
html
http://www.51testing.com/zhuanti/selenium.
html
Selenium是一个用于
Web
应用程序测试的工具
因为业务要求需要使用自定义模板来生成
PPT
，但是查阅了大量的资料的发现目前后台的开发
PPT
框架不支持公司的业务：
poi。去看了apachePOI官方文档可以发现并没有生成图片(chart)的方法，只能使用简单的
PPT
模板类型，其对应的
PPT
类已经很久没有更新了
Docx4j。 使用
PPT
需要学习XML对应的格式，直接不考虑
付费软件；Free Spire.Presentation for Java 等太贵了
最终找到一款正在开源的前端框架
Ppt
xGen
JS
，这个框架很符合目前我需要生成自定义多图表
最近公司项目有个导出
ppt
的
功能
，在使用ppexgen.
js
一周完成
功能
之后，自己写个文章记录一下
感兴趣的可以直接前往 ppexgen.
js
官网
官方文档链接： https://gitbrent.github.io/
Ppt
xGen
JS
/docs/quick-start/
git地址：https://github.com/gitbrent/
Ppt
xGen
JS
/
项目是使用vue的，所以以下文章使用环境主要也是vue。
npm install
ppt
xgen
js
--save
在需要使用的文件中引入
