started to overhaul MardownEditor.svelte

frontend/src/Components/MarkdownEditor.svelte

@@ -2,8 +2,28 @@
     let { editable = false, value = $bindable(null) } = $props();
     let editing = $state(false);
 
-    function toggleEdit(){
-        editing = !editing;
+    let editValue = {source:value.source,rendered:value.rendered};
+
+    function applyEdit(){
+        value.source = editValue.source;
+        value.rendered = editValue.rendered;
+        editing = false;
+    }
+
+    function resetEdit(){
+        editing = false;
+        editValue = {source:value.source,rendered:value.rendered};
+    }
+
+    function startEdit(){
+        editing = editable;
+    }
+
+    function typed(ev){
+        if (ev.keyCode == 13 && ev.ctrlKey) applyEdit();
+        if (ev.keyCode == 27) resetEdit();
+
+        // TODO: start timer, send text to renderer, update editValue.rendered
     }
 </script>
 
@@ -15,6 +35,6 @@
 </style>
 
 {#if editable && editing}
-<textarea bind:value></textarea>
+<textarea bind:value={editValue.source} onkeyup={typed} autofocus></textarea>
 {/if}
-<div onclick={toggleEdit}>{@html value}</div>
+<div onclick={startEdit}>{@html value.rendered}</div>