Add update handler to cell based markdown editor

galaxyproject · Jan 20, 2025 · 73bb860 · 73bb860
1 parent 1a44464
commit 73bb860
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/client/src/components/Markdown/Editor/CellCode.vue b/client/src/components/Markdown/Editor/CellCode.vue
@@ -7,7 +7,7 @@ import ace from "ace-builds";
 import { debounce } from "lodash";
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 
-const DELAY = 3000;
+const DELAY = 300;
 
 const props = defineProps({
     theme: {

diff --git a/client/src/components/Markdown/Editor/CellEditor.vue b/client/src/components/Markdown/Editor/CellEditor.vue
@@ -66,7 +66,15 @@ function onChange(cellIndex: number, cellContent: string) {
 }
 
 function onUpdate() {
-    const newMarkdownText = "";
+    let newMarkdownText = "";
+    cells.value.forEach((cell) => {
+        if (cell.name === "markdown") {
+            newMarkdownText += cell.content;
+        } else {
+            newMarkdownText += `\`\`\`${cell.name}\n` + cell.content + "\n```";
+        }
+        newMarkdownText += "\n\n";
+    });
     emit("update", newMarkdownText);
 }
 </script>