html5 js实现ppt制作,HTML5幻灯片库reveal.js使用

介绍

最近在准备一个团队内部的分享，觉得powerpoint写幻灯片太麻烦，效率太低。作为前端，就想到是否可以使用页面来做幻灯片。于是就去搜索了下有没有HTML5实现幻灯片的工具。经过对比，最后选择了了reveal.js来实现幻灯片。

reveal.js是一个用于实现幻灯片效果的库。使用该库。

github地址：github

提供了页面编辑功能：slides.com

官方demo: demo

我自己做的PPT地址：vuejs-ppt

特点

reveal.js有一下几个特点：

支持标签来区分每一页幻灯片

可以使用markdown来写内容

支持pdf的导出

支持演说注释

提供JavaScript API来控制页面

提供了多个默认主题和切换方式

幻灯片实现步骤

从reveal.js上下载压缩包，并解压

进入reveal.js文件夹，直接修改index.html文件就可以

编辑后好，打开页面就可以看到PPT的内容。 按下S键，会打开时间，下一张PPT，Notes等信息的页面，方便演示PPT

幻灯片内容实现方法

幻灯片的内容需要包含在

的标签中。

一个section是一页幻灯片。当section包含在section中时，是一个纵向的幻灯片。

怎么理解呢？ 可以这样理解：横向的幻灯片代表一章，纵向的幻灯片代表一章中的一节。那么横向的幻灯片在播放时是左右