@@ -4,6 +4,7 @@ nodePPT - This is probably the best web presentation tool so far!
4
4
5
5
[ ![ NPM] ( https://nodei.co/npm-dl/nodeppt.png )] ( https://nodei.co/npm/nodeppt/ )
6
6
[ ![ NPM] ( https://nodei.co/npm/nodeppt.png?downloads=true&downloadRank=true&stars=true )] ( https://nodei.co/npm/nodeppt/ )
7
+ [ ![ Inline docs] ( http://inch-ci.org/github/ksky521/nodePPT.svg?branch=master )] ( http://inch-ci.org/github/ksky521/nodePPT )
7
8
8
9
## why nodePPT?
9
10
@@ -16,9 +17,10 @@ nodePPT - This is probably the best web presentation tool so far!
16
17
* canvas is also supported, with socket, we ** sync your multiscreen in real time** , and you can type some notes;
17
18
* syntax highlighting of course, and you may want to customize your [ syntax highlighting style] ( https://highlightjs.org/ ) , it's supported well;
18
19
* Animation in single page, one-step animation;
20
+ * themes:[ colors] ( http://qdemo.sinaapp.com/ ) -[ moon] ( http://qdemo.sinaapp.com/?theme=moon ) -[ blue] ( http://qdemo.sinaapp.com/?theme=blue ) -[ dark] ( http://qdemo.sinaapp.com/?theme=dark ) -[ green] ( http://qdemo.sinaapp.com/?theme=green ) -[ light] ( http://qdemo.sinaapp.com/?theme=light )
19
21
* [ forward and backward callback function] ( #callback )
20
22
21
- ## 1.0 .0 new features
23
+ ## 1.2 .0 new features
22
24
* real time sync canvas drawing across multiple devices
23
25
* watch
24
26
* add buttons to control page-flipping
@@ -67,18 +69,18 @@ nodeppt start -p 8080 -d path/for/ppts -H 127.0.0.1
67
69
68
70
#### how to start socket?
69
71
70
- ##### use 'start' command:
72
+ ##### with url params
71
73
72
74
``` bash
73
- nodeppt start -c socket
75
+ http://127.0.0.1:8080/md/demo.md ? controller= socket
74
76
```
75
77
76
78
type 'Q' in page to show the QR Code, scan it, and you can control the slider on your phone: swipe or touch or shake to page-flipping
77
79
78
- ##### or with url params
80
+ ##### or use 'start' command:
79
81
80
82
``` bash
81
- http://127.0.0.1:8080/md/demo.md ? controller= socket
83
+ nodeppt start -c socket
82
84
```
83
85
84
86
type 'Q' in page to show the QR Code, scan it, and you can control the slider on your phone: swipe or touch or shake to page-flipping
@@ -179,7 +181,7 @@ if you want set single page animation, go to **[single page animation setting](#
179
181
----
180
182
nodeppt is a ppt webapp coded by nodejs
181
183
nodeppt: https://github.com/ksky521/nodePPT
182
-
184
+ ` ` `
183
185
# ### code formatting
184
186
the same as ** Github Flavored Markdown**
185
187
@@ -201,7 +203,6 @@ For example:
201
203
< p> this is html< /p>
202
204
< /div>
203
205
< p id=" css-demo" > css style< /p>
204
- < p> for more details, visit ppts/demo.md< /p>
205
206
< script>
206
207
function testScriptTag(){
207
208
@@ -233,7 +234,7 @@ suck like this:
233
234
:-------| :------:| -------:| --------
234
235
environment | js/nodejs | Ruby | nodejs
235
236
.ext | .less | .sass/.scss | .styl
236
-
237
+ ` ` `
237
238
238
239
# ### insert iframe
239
240
use ` ` ` data-src` ` ` as the url of the iframe, the iframe will not load the content untill the page be displayed.
@@ -243,41 +244,6 @@ use ```data-src``` as the url of the iframe, the iframe will not load the conten
243
244
244
245
# ### example
245
246
for more go to ppts/demo.md
246
- ` ` ` markdown
247
- title: nodeppt markdown presentation
248
- speaker: Theo Wang
249
- url: https://github.com/ksky521/nodePPT
250
- transition: zoomin
251
-
252
- [slide]
253
-
254
- # cover style
255
- # # h1 for cover, h2 for others
256
-
257
- [slide style= " background-image:url('/img/bg1.png')" ]
258
-
259
- # background iamge {:&.flexbox.vleft}
260
- # # [slide style="background-image:url('/img/bg1.png')"]
261
-
262
- [slide]
263
-
264
- # # home page style
265
- # ## ---- boundary
266
- ----
267
-
268
- nodeppt is a ppt webapp coded by nodejs
269
-
270
- nodeppt: https://github.com/ksky521/nodePPT
271
-
272
-
273
- [slide]
274
-
275
- what? want more features?
276
-
277
- geek mode: check the source code, find nodeppt.js, and you' ll find the awesome "shake to page-flipping".
278
-
279
- check the project directory for more infomation
280
- ```
281
247
282
248
To see more demo, check the ` ` ` ppts` ` ` folder
283
249
0 commit comments