updaste codeEditor.js

adarshrkumar · web-flow · commit 68e57dae9a81 · 2025-03-03T10:56:58.000-08:00
diff --git a/codeEditor.js b/codeEditor.js
@@ -1,6 +1,15 @@
 require.config({ paths: { 'vs': 'https://unpkg.com/monaco-editor@latest/min/vs' }});
 window.MonacoEnvironment = { getWorkerUrl: () => proxy };
 
+var editor
+
+function keyDown(event) {
+    if (event.code) {
+        var value = editor.getValue()
+        saveFile ? saveFile(value) : ''
+    }
+}
+
 let proxy = URL.createObjectURL(new Blob([`
     self.MonacoEnvironment = {
         baseUrl: 'https://unpkg.com/monaco-editor@latest/min/'
@@ -9,7 +18,7 @@ let proxy = URL.createObjectURL(new Blob([`
 `], { type: 'text/javascript' }));
 
 require(["vs/editor/editor.main"], function () {
-    let editor = monaco.editor.create(document.getElementById('container'), {
+    editor = monaco.editor.create(document.getElementById('container'), {
         value: tempCode ?? 
 `<!DOCTYPE html>
 <html lang="en">
@@ -25,4 +34,6 @@ require(["vs/editor/editor.main"], function () {
         language: 'html',
         theme: 'vs-dark'
     });
+
+    editor.onKeyDown(keyDown);
 });
diff --git a/editor.js b/editor.js
@@ -9,7 +9,7 @@ var custMenuItems = [
   }, 
   {
     name: 'Save', 
-    func: saveFile, 
+    func: saveContent, 
   }, 
   {
     name: 'Delete', 
@@ -53,13 +53,29 @@ tinymce.init({
   setup: (editor) => {
     currentState = 'editor'
     editor.on('change', () => {
-      saveFile(editor);
+      saveContent(editor)
     });
 
     addMenuItems(editor)
   }
 });
 
+function saveContent(editor) {
+  let value = tinymce.activeEditor.getContent({ format: 'text' });
+  var type = 'text'
+  if (!!info) {
+    if (!!info.type) {
+      type = info.type
+      if (type === 'image') {
+        if (!!info.content) {
+          value = info.content
+        }
+      }
+    }
+  }
+  saveFile(value);
+}
+
 var supptdImgExts = [
   ['avif'], 
   ['bmp'], 
@@ -199,7 +215,7 @@ function checkImage(element, file, name, state) {
     var path = reader.result//.replace('data:', '').replace(/^.+,/, "");
     if (currentState === 'image') {
       showImage(path)
-      saveFile({type: 'image', content: path})
+      saveContent({type: 'image', content: path})
     }
   }
   reader.readAsDataURL(file);
@@ -245,19 +261,7 @@ outputsize()
  
 new ResizeObserver(outputsize).observe(textarea) 
 
-function saveFile(info) {
-  let value = tinymce.activeEditor.getContent({ format: 'text' });
-  var type = 'text'
-  if (!!info) {
-    if (!!info.type) {
-      type = info.type
-      if (type === 'image') {
-        if (!!info.content) {
-          value = info.content
-        }
-      }
-    }
-  }
+function saveFile(value) {
   let title = docTitle
   if (title === '' || !!title === false || title === null) return
 
