include CodeMirror in edit page

- add npm prerequisite
- add codemirror through npm
- add webpack trough npm to build the js bundles
- add first codemirror enhenced textarea

1 files changed, 10 insertions, 1 deletions

diff --git a/assets/js/edit.js b/assets/js/edit.js
index efd29d6..7df75de 100644
--- a/assets/js/edit.js
+++ b/assets/js/edit.js
@@ -1,11 +1,20 @@
+import CodeMirror from "codemirror";
+import "codemirror/lib/codemirror.css";
+import "codemirror/mode/markdown/markdown.js";
+
 let form;
 let unsavedChanges = false;
 const pageurl = basepath + pageid;
 
+let myCodeMirror = CodeMirror.fromTextArea(document.getElementById('main'), {
+    mode: 'markdown',
+    lineNumbers: true,
+});
+
 window.onload = () => {
     form = document.getElementById('update');
     let inputs = form.elements;
-    for (i = 0; i < inputs.length; i++) {
+    for (let i = 0; i < inputs.length; i++) {
         inputs[i].oninput = changeHandler;
     }