updates

assets/css/src/sass/_editor.scss

@@ -13,7 +13,7 @@
   box-sizing: border-box;
 }
 
-.editor.full .container {
+.full .container {
   position: fixed;
   top     : 3em;
   right   : 0;
@@ -26,7 +26,8 @@
 }
 
 .editor #preview-area,
-.editor textarea {
+.editor textarea,
+.CodeMirror {
   position  : relative;
   box-sizing: border-box;
   height    : 100%;
@@ -36,6 +37,10 @@
   font-size : 1.05em;
 }
 
+.CodeMirror {
+  padding: 0;
+}
+
 .editor #preview-area *:first-child {
   margin-top: 0;
 }
@@ -142,4 +147,10 @@
 
 .full .action-bar {
   width: 75%;
+}
+
+.full .cm-s-mdn-like.CodeMirror {
+  background: none;
+  width     : auto;
+  margin    : 1.5em 10%;
 }

assets/js/src/app.js

@@ -43,6 +43,16 @@ $(document).on('ready pjax:success', function() {
     return false;
   });
 
+  if ($('#content-area')[0]) {
+    var myCodeMirror = CodeMirror.fromTextArea($('#content-area')[0], {
+      mode: 'markdown',
+      theme: 'mdn-like',
+      lineWrapping: true,
+      lineNumbers: false,
+      scrollbarStyle: null
+    });
+  }
+
   // Submites any form in the page in JSON format
   $('form').submit(function(event) {
     event.preventDefault();