test view

app/assets/javascripts/application.js

@@ -13,6 +13,7 @@
 //= require jquery
 //
 //= require ace/ace
+//= require bootstrap_pagedown
 //= require chosen.jquery.min
 //= require d3
 //= require jquery.turbolinks
@@ -21,5 +22,5 @@
 //= require turbolinks
 //= require_tree ../../../lib
 //= require_tree .
-//= require bootstrap_pagedown
+
 

app/assets/javascripts/markdown_editor.js

@@ -1,8 +1,22 @@
-$(document).ready(function () {
-    var converter = Markdown.getSanitizingConverter();
-    var editor    = new Markdown.Editor( converter );
+(function() {
+    var ACE_FILES_PATH = '/assets/ace/';
 
-    Markdown.Extra.init( converter );
+    converter = Markdown.getSanitizingConverter()
+    editor    = new Markdown.Editor converter
 
     editor.run();
-});
+    editor.refreshPreview()
+
+    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());
+    };
+})();