npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

panli-ppt

v0.0.6

Published

运行在浏览器中的ppt 演示框架

Downloads

31

Readme

[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