panli-ppt

[slide]

PanliPPT

• 基于GFM的markdown语法编写
• 支持html混排，再复杂的demo也可以做！
• 支持多个皮肤：colors-moon-blue-dark-green-light
• 实现watch功能panlippt start -w
• 支持20种转场动画，可以设置单页动画
• 支持单页背景图片
• 多种模式：overview模式，双屏模式，socket远程控制，摇一摇换页，使用ipad/iphone控制翻页更酷哦~
• 可以使用画板，双屏同步画板内容！可以使用note做备注
• 支持语法高亮，自由选择highlight样式
• 可以单页ppt内部动画，单步动画
• 支持进入/退出回调，做在线demo很方便
• 支持事件update函数，
• zoom.js：alt+click

[slide]

使用举例

示例1：进入页面如果触发翻页事件，就会当前执行做转场，做一些类似magicmove效果

[slide data-on-build="globalCallbackName"]

var count = 0;
function globalCallbackName(e){
    count++;
    if(count<2){
        //做一些页面动效，或者转场
        e.stop();//阻止默认事件，就不会跳转
    }
}

[slide]

示例2：代理空格按键事件

[slide data-on-keypress="globalCallbackName"]

function globalCallbackName(e){
    if(e.keyCode==32){
        //play();//触发自定义的页面效果
        e.stop();//阻止默认事件，则不会触发panlippt默认绑定的事件
    }
}

[slide]

安装

npm install -g panli-ppt

shell使用

启动

# 获取帮助 
panlippt start -h
# 绑定端口 
panlippt start -p <port>

panlippt start -p 8090 -d path/for/ppts
# 绑定host，默认绑定0.0.0.0 
panlippt start -p 8080 -d path/for/ppts -H 127.0.0.1
# 使用socket通信（按Q键显示/关闭二维码，手机扫描，即可控制） 
# socket须知：1、注意手机和pc要可以相互访问，2、防火墙，3、ip 

[slide]

启用socket控制

方法一：使用url参数

http://127.0.0.1:8080/md/demo.md?controller=socket

在页面按键【Q】显示控制url的二维码和控制链接（需要隐身窗口打开），手机上可以使用左右touch滑动和摇一摇切换下一页

方法二：使用start命令行

panlippt start -c socket

在页面按键【Q】显示控制url的二维码和控制链接（需要隐身窗口打开），手机上可以使用左右touch滑动和摇一摇切换下一页

启用postMessage控制

默认使用postMessage多窗口控制，打开方法：

http://127.0.0.1:8080/md/demo.md?_multiscreen=1
 

[slide]

导处html

# 获取generate帮助 
panlippt generate -h
# 使用generate命令 
panlippt generate filepath
# 导出全部，包括panlippt的js、img和css文件夹 
# 默认导出在publish文件夹 
panlippt generate ./ppts/demo.md -a
# 指定导出文件夹 
panlippt generate ./ppts/demo.md output/path -a

导出目录下所有ppt，并且生成ppt list首页：

panlippt path output/path -a

单页ppt上下布局

[slide]
## 主页面样式
### ----是上下分界线
----
panlippt 是基于nodejs写的支持 **Markdown!** 语法的网页PPT