Merge branch 'master' of github.com:tanabe/markdown-live-preview

Fix #18

public/index.html

@@ -13,7 +13,8 @@
 
     <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
     <script type="text/javascript" src="js/jquery.autosize-min.js"></script>
-    <script type="text/javascript" src="js/markdown.js"></script>
+    <script type="text/javascript" src="js/marked.min.js"></script>
+    <script type="text/javascript" src="js/purify.min.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
 
     <title>Markdown Live Preview</title>
@@ -81,7 +82,7 @@ You may be using [Markdown Live Preview](https://markdownlivepreview.com/).
 
 ## Inline code
 
-May the `Force` be with you</textarea>
+This web site is using `markedjs/marked`.</textarea>
           </div>
         </div>
 

public/js/main.js

@@ -1,16 +1,15 @@
 $(function() {
-  var currentMode = 'edit';
-  var scrollTops = {
-    'edit' : 0,
-    'preview' : 0
-  };
-
   var isEdited = false;
 
-  //$('#markdown').val(example);
+  let convert = () => {
+    let html = marked($('#markdown').val());
+    let sanitized = DOMPurify.sanitize(html);
+    $('#output').html(sanitized);
+  }
+
   $('#markdown').bind('keyup', function() {
     isEdited = true;
-    $('#output').html(markdown.toHTML($('#markdown').val()));
+    convert();
     $('#output a').each(function(index, element) {
         var href = element.getAttribute('href');
         if (RegExp('^javascript', 'i').test(href)) {
@@ -19,40 +18,6 @@ $(function() {
     });
   });
 
-  //menu
-  var menuItems = $('#menu a');
-  menuItems.click(function(event) {
-    event.preventDefault();
-
-    menuItems.removeClass('active');
-    var sender = $(event.currentTarget);
-    sender.addClass('active');
-
-    $('#content .mode').hide();
-    var menuId = sender.data('menuId');
-    currentMode = menuId;
-    $('#' + menuId).show();
-    $(window).scrollTop(scrollTops[currentMode]);
-
-  });
-
-  //reference
-  $("table#reference tr td:odd").each(function(index, element) {
-    var self = $(element);
-    if (self.html() === "") {
-      self.html(markdown.toHTML(self.siblings().html()));
-    }
-  });
-
-  //clear
-  $('#clearButton').click(function(event) {
-    event.preventDefault();
-    if (window.confirm('Are you sure you want to delete?')) {
-      $('#markdown').val('');
-      $('#output').html('');
-    }
-  });
-
   //autoresize
   $('textarea').autosize();
   
@@ -63,5 +28,5 @@ $(function() {
     }
   });
 
-  $('#output').html(markdown.toHTML($('#markdown').val()));
-});
+  convert();
+});