codeassign
diff --git a/‎.gitignore
+1 b/‎.gitignore
+1
diff --git a/‎bower.json
-27 b/‎bower.json
-27
diff --git a/‎index.html
+51 b/‎index.html
+51
diff --git a/‎index.js
-1 b/‎index.js
-1
diff --git a/‎js/marked.min.js
+6 b/‎js/marked.min.js
+6
diff --git a/‎lib/markjax.js ‎js/markjax.js
+20-32 b/‎lib/markjax.js ‎js/markjax.js
+20-32
diff --git a/‎test/.gitignore
-2 b/‎test/.gitignore
-2
diff --git a/‎test/index.html
-14 b/‎test/index.html
-14
diff --git a/‎test/js/autosize.min.js
-6 b/‎test/js/autosize.min.js
-6
diff --git a/‎test/js/download.js
-93 b/‎test/js/download.js
-93
diff --git a/‎test/js/jquery-2.2.2.min.js
-4 b/‎test/js/jquery-2.2.2.min.js
-4
@@ -1 +1,2 @@
 bower_components/
+node_modules/
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>MarkJax</title>
+    <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js'></script>
+    <script type="text/javascript" src='js/markjax.js'></script>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css">
+
+    <style>
+      body {
+        padding: 80px;
+      }
+      #input {
+        min-height: 200px;
+      }
+    </style>
+  </head>
+  
+  <body>
+    <a href="https://github.com/codeassign/markjax"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
+
+    <div class="row">
+      <textarea class="col-xs-12 col-sm-6 col-md-6 col-lg-6" id="input" onkeyup="render()">
+# MarkJax
+
+Markdown + $\LaTeX$ parser made by [CodeAssign](https://codeassign.com).
+
+It converts Markdown + $\LaTeX$ text, such as this one, and produces HTML.
+
+It uses [marked](https://github.com/chjj/marked) as Markdown parser and [MathJax](https://www.mathjax.org/) as $\LaTeX$ parser - hence the name **MarkJax**.
+
+It is available on [GitHub](https://github.com/codeassign/markjax).
+</textarea>
+      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" id="output"></div>
+    </div>
+
+    <script type="text/javascript">
+      function render() {
+        var textarea = document.getElementById("input");
+        var preview = document.getElementById("output");
+        markjax(textarea.value, function(resultHTML) {
+          preview.innerHTML = resultHTML;
+        });
+      }
+
+      render()
+    </script>
+  </body>
+</html>
@@ -1,6 +1,3 @@
-require("marked");
-require("mathjax");
-
 ;(function() {
   MathJax.Hub.Config({
     showProcessingMessages: false,
@@ -18,17 +15,8 @@ require("mathjax");
   });
 
   marked.setOptions({
-    renderer: new marked.Renderer(),
-    gfm: true,
-    tables: true,
-    breaks: false,
-    pedantic: false,
-    sanitize: false,
-    smartLists: true,
-    smartypants: false,
-    highlight: function (code) {
-      return hljs.highlightAuto(code).value;
-    }
+    breaks: true,
+    sanitize: true
   });
 
   function EscapeTex(text) {
@@ -59,27 +47,27 @@ require("mathjax");
     return out;
   }
 
-  function PreviewDone() {
-    this.isRunning[index] = false;
-    Preview.forceUpdate = false;
-    this.preview[index].innerHTML = this.buffer[index].innerHTML;
-  }
-
   function markjax(text, callback){
-      var src = text.replace(/&lt;/mg, '<').replace(/&gt;/mg, '>');
+    var node = document.createElement('div');
+    var src = text.replace(/&lt;/mg, '<').replace(/&gt;/mg, '>');
 
-      var html = this.ReEscapeTex(marked(this.EscapeTex(src)));
-      var code = $(html).find("code");
-      for (var i = 0; i < code.length; i++) {
-        code[i].innerHTML = code[i].innerHTML.replace(/\\\$/g, '$');
-      }
-      $(html).find("*").not("code").addClass("mathjax");
+    var html = ReEscapeTex(marked(EscapeTex(src)));
+    node.innerHTML = html;
+    var code = node.getElementsByTagName("code");
 
-      MathJax.Hub.Queue(
-        ["Typeset", MathJax.Hub, html],
-        [callback, html],
-        ["resetEquationNumbers", MathJax.InputJax.TeX]
-      );
+    for (var i = 0; i < code.length; i++) {
+      code[i].innerHTML = code[i].innerHTML.replace(/\\\$/g, '$');
+    }
+
+    var elements = node.getElementsByTagName("*");
+    for (var i = 0; i < elements.length; i++) {
+      if (elements[i].tagName !== "CODE") {
+        elements[i].classList.add("mathjax");
+      }
+    }
+    
+    callback(node.innerHTML);
+    MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
   }  
 
   if (typeof module !== 'undefined' && typeof exports === 'object') {