editor

app/assets/javascripts/application.js

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

app/assets/javascripts/markdown_editor.js

@@ -1,16 +1,19 @@
-(function() {
-  var ACE_FILES_PATH = '/assets/ace/';
-
-  window.MarkdownEditor = function(selector) {
+(function() 
+{
+  var converter = Markdown.getSanitizingConverter();
+  var editor = new Markdown.Editor(converter);
+  editor.run();
+/*  
+	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.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/stylesheets/application.css

@@ -14,4 +14,5 @@
  *= require_tree ../../../lib
  *= require_tree ../../../vendor/assets/stylesheets/
  *= require_self
- */
+ *= require markdown 
+*/

app/views/exercises/_form.html.slim

@@ -9,7 +9,10 @@
   .form-group
     = f.label(:description)
     = f.hidden_field(:description)
-    .form-control.markdown
+    .wmd-panel
+      #wmd-button-bar
+      textarea.wmd-input
+    /=f.input :description, :as => :pagedown, :input_html => { :preview => true }
   .form-group
     = f.label(:execution_environment_id)
     = f.collection_select(:execution_environment_id, @execution_environments, :id, :name, {}, class: 'form-control')