Live preview now works

swaroopch · Dec 4, 2012 · dbebcaf · dbebcaf
1 parent e07083a
commit dbebcaf
Show file tree

Hide file tree

Showing 9 changed files with 199 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -16,13 +16,16 @@
     <body>
         <div class="row">
             <div id="text-section" class="six columns">
+                <h2>Pandoc text</h2>
                 <div class="panel">
-                    Text input here
+                    <textarea id="source-text" rows="50"></textarea>
                 </div>
             </div>
             <div id="preview-section" class="six columns">
+                <h2>Preview</h2>
                 <div class="panel">
-                    Preview here
+                    <div id="preview-html">
+                    </div>
                 </div>
             </div>
         </div>
@@ -33,5 +36,6 @@
 
         <!-- Initialize JS Plugins -->
         <script src="foundation/javascripts/app.js"></script>
+        <script src="index.js"></script>
     </body>
 </html>
diff --git a/index.js b/index.js
@@ -0,0 +1,31 @@
+$(function() {
+    var os = require("os");
+    var fs = require("fs");
+    var exec = require("exec");
+
+    var tmp_source_file = os.tmpDir() + "kalam.txt";
+
+    function render() {
+        var text = $("#source-text").val();
+
+        fs.writeFile(tmp_source_file, text, function(err) {
+            if (err) {
+                alert(err);
+                return;
+            }
+
+            var pandoc_command = ["pandoc",
+                                    "-f",
+                                    "markdown",
+                                    "-t",
+                                    "html",
+                                    "-i",
+                                    tmp_source_file];
+            exec(pandoc_command, function(err, out, code) {
+                $("#preview-html").html(out);
+            });
+        });
+    }
+
+    window.setInterval(render, 3000);
+});
diff --git a/node_modules/exec/.npmignore b/node_modules/exec/.npmignore
diff --git a/node_modules/exec/README.md b/node_modules/exec/README.md
diff --git a/node_modules/exec/examples/ls-args.js b/node_modules/exec/examples/ls-args.js
diff --git a/node_modules/exec/examples/ls-env.js b/node_modules/exec/examples/ls-env.js
diff --git a/node_modules/exec/examples/simple-ls.js b/node_modules/exec/examples/simple-ls.js
diff --git a/node_modules/exec/index.js b/node_modules/exec/index.js
diff --git a/node_modules/exec/package.json b/node_modules/exec/package.json