diff --git a/src/lib/components/editor/index.svelte b/src/lib/components/editor/index.svelte
index e6827ad..2e9b1aa 100644
--- a/src/lib/components/editor/index.svelte
+++ b/src/lib/components/editor/index.svelte
@@ -4,9 +4,14 @@
     
     let image = $state('')
     let content = $state('')
+    let editorState = $state({editor: null})
     
-    let editMode = true
+    let edit = true
+
+    function getContent() {
+        return editorState.editor.getJSON()
+    }
 </script>
 
 <ImageTarget bind:image />
-<TextEditor bind:content bind:edit={editMode} />
\ No newline at end of file
+<TextEditor bind:content bind:editorState bind:edit />
\ No newline at end of file
diff --git a/src/lib/components/editor/textEditor.svelte b/src/lib/components/editor/textEditor.svelte
index 0181f9f..c935ddd 100644
--- a/src/lib/components/editor/textEditor.svelte
+++ b/src/lib/components/editor/textEditor.svelte
@@ -1,5 +1,9 @@
 <script lang="ts">
-    let { content = $bindable(''), edit = $bindable(false) } = $props()
+    let {
+      content = $bindable(''),
+      edit = $bindable(false),
+      editorState = $bindable({editor: null})
+    } = $props()
     
     import { onMount, onDestroy } from 'svelte'
     import { Editor } from '@tiptap/core'
@@ -7,7 +11,6 @@
     import { Placeholder } from '@tiptap/extensions'
 
     let element = $state()
-    let editorState = $state({editor: null})
     
     onMount(() => {
         editorState.editor = new Editor({
@@ -19,7 +22,7 @@
                   placeholder: "Write about your day..."
                 })
             ],
-            
+            content: content,
             onTransaction: ({ editor }) => {
                 // Update the state signal to force a re-render
                 editorState = { editor }