添加callback回调

扩展[slide]方式
修改背景图片实现

Author: ksky521

README.md

@@ -1,4 +1,4 @@
-nodePPT v0.4.6
+nodePPT v0.4.8
 =============
 ![nodePPT演示](https://raw.github.com/ksky521/nodePPT/master/demo.gif "nodePPT演示")
 
@@ -36,18 +36,15 @@ speaker: Theo Wang
 url: https://github.com/ksky521/nodePPT
 transition: zoomin
 
-[slide]
+[slide data-]
 
 # 封面样式
 ## h1是作为封面用的，内部的都用h2
 
-[slide]
-
-[bgimage]/img/bg1.png[/bgimage]
+[slide style="background-image:url('/img/bg1.png')"]
 
 # 背景图片 {:&.flexbox.vleft}
-## 使用方法：[bgimage]/img/bg.jpg[/bgimage]
-
+## 使用方法：[slide style="background-image:url('/img/bg1.png')"]
 
 [slide]
 
@@ -61,93 +58,15 @@ nodeppt：https://github.com/ksky521/nodePPT
 
 [slide]
 
-## 这是一个列表
----
-
-* 列表支持淡入淡出 {:&.build}
-    * 上下左右方向键翻页 {:&.build}
-    * 支持多级列表
-* 完全基于markdown语法哦
-
-[slide]
-## 表格示例
-### 市面上主要的css预处理器：less\sass\stylus
----
- |less| sass | stylus
-:-------|:------:|-------:|--------
-环境 |js/nodejs | Ruby | nodejs
-扩展名 | .less | .sass/.scss | .styl
-特点 | 老牌，用户多，支持js解析 | 功能全，有成型框架，发展快 | 语法多样，小众
-案例/框架 | [Bootstrap](http://getbootstrap.com/) | [compass](http://compass-style.org) [bourbon](http://bourbon.io) |
-
-[slide]
-
-## 代码格式化
-### 使用 **highlightjs**
-----
-
-[slide]
-## iframe
-----
-<iframe data-src="http://www.google.com/doodle4google/resources/history.html" src="about:blank;"></iframe>
-[slide]
-[note]
-##这里是note
-
-使用n键，才能显示
-[/note]
-## 使用note笔记
-### note笔记是多窗口，或者自己做一些笔记用的
----
-按下键盘【n】键测试下note，
-
-
-[slide]
-
-## 使用画笔
-### 使用画笔做标记哦~你也可以随便作画啊！
----
-按下键盘【p】键。按下鼠标左键，在此处乱花下看看效果。
-
-按下键盘【c】键。清空画板
-
-[slide]
-
-## 使用宽屏模式
----
-按下键盘【w】键。看下效果。
-
-再按下键盘【w】键。
-
-[slide]
-
-## 哦 忘记说了
----
-本页面网址改成 url#client，支持多窗口演示哦！
-
-另外支持多种动画哦：
-
- * horizontal3d
- * horizontal
- * vertical3d
- * zoomin
- * zoomout
- * cards
-
-当然你可以自己写更炫的动画啊，记得pull给我动画代码哦~
-
-[slide]
-
-## 更多玩法
----
-https://github.com/ksky521/nodePPT
-
 什么？这些功能还不够用？
 
 极客模式：查看源码的nodeppt.js，相信你会找到牛逼的手机互动（摇一摇换页）功能
 
+查看项目目录ppts获取更多帮助信息
 ```
 
+更多demo，查看 ```ppts``` 目录的demo
+
 ### 帮助
 
 ```shell
@@ -156,5 +75,7 @@ nodeppt -h
 
 ## demo演示 & 使用方法
 
- * 启动 nodeppt
+ * 执行 nodeppt start -p 8080
  * 访问 http://127.0.0.1:8080/
+
+

assets/markdown.tpl

@@ -78,6 +78,6 @@ MixJS.use('event/broadcast', function($){
     });
 });
 </script>
-
+<%= files %>
 </body>
 </html>

lib/md_parser.js

@@ -18,7 +18,8 @@ var defaultJSON = {
     url: '',
     speaker: '',
     content: '',
-    transition: 'zoomout'
+    transition: 'zoomout',
+    files: ''
 };
 
 marked.setOptions({
@@ -35,13 +36,16 @@ marked.setOptions({
 });
 
 var emptyFn = function(str) {
-    console.log(str);
+    // console.log(str);
 };
 var parser = function(string, callback) {
     if (typeof callback !== 'function') {
         callback = emptyFn;
     }
-    var contents = string.split('[slide]');
+    var splitReg = /\[slide\s*(.*)\]/ig;
+    var slidesSetting = string.match(splitReg);
+    var contents = string.split(/\[slide.*\]/i);
+    // console.log(contents.length, slidesSetting);
     //第一个是封面
     var cover = contents.shift();
 
@@ -50,16 +54,34 @@ var parser = function(string, callback) {
     json.nodeppt_version = config.version
     json.nodeppt_site = config.site;
     json = mix(defaultJSON, json);
-
+    if (json.files) {
+        var files = json.files.split(/\s?,\s?/);
+        json.files = files.map(function(v) {
+            if (/.js$/i.test(v)) {
+                //js文件
+                return '<script src="' + v + '"></script>'
+            } else if (/.css$/i.test(v)) {
+                //css文件
+                return '<link rel="stylesheet" href="' + v + '">'
+            }
+            return v;
+        }).join(EOL);
+    }
     var slides = [];
     var reg = /\[note\]([\s\S]+)\[\/note\]/im;
-    contents.forEach(function(v) {
+    contents.forEach(function(v, i) {
+        var cfg = slidesSetting[i];
+        cfg = cfg.match(/\[slide\s+(.+)\s?\]/);
+        var attrs = '';
+        if (cfg) {
+            attrs = cfg[1];
+        }
         var note = reg.exec(v);
         if (note) {
             v = v.replace(reg, '');
             note = marked(note[1]);
         }
-        slides.push(parse(marked(v), note));
+        slides.push(parse(marked(v), note, attrs));
     });
     //合并
     json.content = slides.join(EOL);
@@ -85,11 +107,11 @@ module.exports = parser;
 function mix(obj) {
     var i = 1,
         target, key;
-
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
     for (; i < arguments.length; i++) {
         target = arguments[i];
         for (key in target) {
-            if (Object.prototype.hasOwnProperty.call(target, key)) {
+            if (hasOwnProperty.call(target, key)) {
                 obj[key] = target[key];
             }
         }
@@ -117,16 +139,18 @@ function parseCover(str) {
 
 /**
  * 解析 slide内容
- * @param  {[type]} str [description]
- * @return {[type]}     [description]
+ * @param  {[type]} str   [description]
+ * @param  {[type]} note  [description]
+ * @param  {[type]} sAttrs [description]
+ * @return {[type]}       [description]
  */
 
-function parse(str, note) {
+function parse(str, note, sAttrs) {
     var arr = str.split('<hr>');
     var head = '',
         article = '';
     if (note && note.length > 3) {
-        note = '<aside class="note">\n<section>' + note + '</section>\n</aside>';
+        note = ['<aside class="note">', '<section>', note, '</section>', '</aside>'].join(EOL);
     } else {
         note = '';
     }
@@ -138,14 +162,14 @@ function parse(str, note) {
     }
     if (head !== '') {
         head = do_attr(head);
-        head = '<hgroup>\n' + head + '</hgroup>\n';
+        head = ['<hgroup>', head, '</hgroup>'].join(EOL);
     }
 
     var noHead = !head;
     var articleAttr;
     article = do_attr(article, true, noHead);
 
-    article = '<article>\n' + article + '</article>\n';
+    article = ['<article>', article, '</article>'].join(EOL);
     //处理文章只用h1的情况，作为标题页面
     if (noHead && /<h1>.*<\/h1>/g.test(article)) {
 
@@ -168,18 +192,21 @@ function parse(str, note) {
         }
     }
     var content = head + article;
-    var bgimage;
-    //背景图片
-    if (/[bgimage].*[\/bgimage]/g.test(content)) {
-        content = content.replace(/<(\w+)>\[bgimage\](.*)\[\/bgimage(?:\]|<\/a>])+<\/\1>/gm, function(input, tag, image) {
-            bgimage = image.replace(/<(.*?)>/g, '');
-            return '';
-        })
-    }
 
     var tagStart = '<slide class="slide">';
-    if (bgimage) {
-        tagStart = '<slide class="slide fill" style="background-image:url(' + bgimage + ')">'
+    if (sAttrs) {
+        var cls = sAttrs.match(/class=['"]?([^'"]+)['"]?/);
+        if (cls) {
+            cls = cls[1] + ' slide';
+            sAttrs = sAttrs.replace(cls[0], '');
+        } else {
+            cls = 'slide';
+        }
+        if (/background/.test(sAttrs)) {
+            cls += ' fill';
+        }
+        tagStart = '<slide class="' + cls + '" ' + sAttrs + '>';
+        // console.log(tagStart);
     }
     return tagStart + note + content + '</slide>';
 }
@@ -241,6 +268,6 @@ function parseAttr(idinput, attrs) {
     return attr;
 }
 ///test
-// var str = fs.readFileSync('../test/basic.md').toString();
+// var str = fs.readFileSync('ppts/demo.md').toString();
 
 // parser(str);

package.json

@@ -2,7 +2,7 @@
     "name": "nodeppt",
     "jsname": "nodeppt",
     "description": "Create a PowerPoint presentation with Markdown",
-    "version": "0.4.7",
+    "version": "0.4.8",
     "site": "https://github.com/ksky521/nodePPT",
     "author": {
         "name": "Theo Wang",

ppts/css/demo.css

@@ -0,0 +1,3 @@
+.file-setting{
+    color: yellow;
+}