From 137f4369c2e1194da3bb733193b8636f7ae4c028 Mon Sep 17 00:00:00 2001
From: n-peugnet <n.peugnet@free.fr>
Date: Sun, 20 Oct 2019 23:21:17 +0200
Subject: 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
---
 assets/js/edit.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'assets/js/edit.js')

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;
     }
 
-- 
cgit v1.2.3