Merge pull request #76 from openHPI/markup-description

Markup description

app/assets/javascripts/application.js

@@ -21,3 +21,7 @@
 //= require turbolinks
 //= require_tree ../../../lib
 //= require_tree .
+//= require bootstrap_pagedown
+//= require markdown.converter
+//= require markdown.sanitizer
+//= require markdown.editor

app/assets/javascripts/exercises.js

@@ -173,9 +173,10 @@ $(function() {
     } else if ($('.edit_exercise, .new_exercise').isPresent()) {
       execution_environments = $('form').data('execution-environments');
       file_types = $('form').data('file-types');
-     // new MarkdownEditor('#exercise_instructions');
-      new MarkdownEditor('#exercise_description');
+      // new MarkdownEditor('#exercise_instructions');
+      // new MarkdownEditor('#exercise_description')
       // todo: add an ace editor for each file
+      new PagedownEditor('#exercise_description');
 
       enableInlineFileCreation();
       inferFileAttributes();

app/assets/javascripts/markdown_ace_editor.js

@@ -0,0 +1,16 @@
+(function() {
+    var ACE_FILES_PATH = '/assets/ace/';
+    
+    window.MarkdownEditor = function(selector) {
+        ace.config.set('modePath', ACE_FILES_PATH);
+        var editor = ace.edit($(selector).next()[0]);
+        editor.on('change', function() {
+            $(selector).val(editor.getValue());
+        });
+        editor.setShowPrintMargin(false);
+        var session = editor.getSession();
+        session.setMode('markdown');
+        session.setUseWrapMode(true);
+        session.setValue($(selector).val());
+    };
+})();

app/assets/javascripts/markdown_editor.js

@@ -1,16 +0,0 @@
-(function() {
-  var ACE_FILES_PATH = '/assets/ace/';
-
-  window.MarkdownEditor = function(selector) {
-    ace.config.set('modePath', ACE_FILES_PATH);
-    var editor = ace.edit($(selector).next()[0]);
-    editor.on('change', function() {
-      $(selector).val(editor.getValue());
-    });
-    editor.setShowPrintMargin(false);
-    var session = editor.getSession();
-    session.setMode('markdown');
-    session.setUseWrapMode(true);
-    session.setValue($(selector).val());
-  };
-})();

app/assets/javascripts/pagedown.js

@@ -0,0 +1,10 @@
+(function() {
+    var ACE_FILES_PATH = '/assets/ace/';
+
+    window.PagedownEditor = function(selector) {
+        var converter = Markdown.getSanitizingConverter();
+        var editor    = new Markdown.Editor( converter );
+
+        editor.run();
+    };
+})();