Added wysiwyg markdown editor

js/controller.js

@@ -10,7 +10,6 @@ class Controller {
     var settingsBtn = document.getElementsByClassName("settingsBtn")[0];
     var settingsClose = document.getElementsByClassName("close");
     var settingsSubmit = document.getElementById("settingsSubmit");
-    var textArea = document.getElementsByTagName("textarea")[0];
     var saveBtn = document.getElementById("saveBtn");
 
     cloneBtn.addEventListener("click", this.cloneRep.bind(this));
@@ -20,17 +19,14 @@ class Controller {
       settingsClose[i].addEventListener("click", view.closeSettings.bind(this));
     }
     settingsSubmit.addEventListener("click", this.saveSettings.bind(this));
-    textArea.addEventListener("keyup", this.saveButton.bind(this));
+    view.simplemde.codemirror.on("change", this.saveButton.bind(this));
     saveBtn.addEventListener("click", this.saveFile.bind(this));
   }
 
   saveButton() {
-    var textArea = document.getElementsByTagName("textarea")[0];
-    if (textArea.value != this.openedFileValue) {
-      this.view.showSaveButton(true);
-    } else {
-      this.view.showSaveButton(false);
-    }
+    var textArea = this.view.simplemde;
+
+    this.view.showSaveButton(textArea.value() == this.openedFileValue);
   }
 
   wipeFS() {
@@ -99,9 +95,9 @@ class Controller {
   }
 
   saveFile() {
-    var textArea = document.getElementsByTagName("textarea")[0];
-    this.model.saveFile(this.openedFile, textArea.value);
-    this.openedFileValue = textArea.value;
+    var textArea = this.view.simplemde;
+    this.model.saveFile(this.openedFile, textArea.value());
+    this.openedFileValue = textArea.value();
     this.saveButton();
 
     this.updateFileStats();

js/view.js

@@ -1,5 +1,10 @@
 class View {
-  constructor() {}
+  constructor() {
+    this.simplemde = new SimpleMDE({
+      element: document.getElementById("editor"),
+      spellChecker: false,
+    });
+  }
 
   drawDirTree(
     dirtree,
@@ -57,9 +62,10 @@ class View {
   }
 
   openFile(fileread) {
-    let textArea = document.getElementsByTagName("textarea")[0];
-    textArea.disabled = false;
-    textArea.value = fileread;
+    var editText = document.getElementById("editText");
+    editText.style.display = "grid";
+
+    this.simplemde.value(fileread);
   }
 
   removeDirTree() {
@@ -107,10 +113,6 @@ class View {
 
   showSaveButton(show) {
     var saveButton = document.getElementById("saveBtn");
-    if (show) {
-      saveButton.disabled = false;
-    } else {
-      saveButton.disabled = true;
-    }
+    saveButton.disabled = show;
   }
 }