webapp: fix richtext not loading note until swapping to another mode

toolworks-dev · Nov 15, 2024 · 8c960c6 · 8c960c6
1 parent 526ffc6
commit 8c960c6
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/RichTextEditor.tsx b/src/components/RichTextEditor.tsx
@@ -19,6 +19,7 @@ import {
   IconH3,
   IconClearFormatting,
 } from '@tabler/icons-react';
+import { useEffect } from 'react';
 
 interface RichTextEditorProps {
   content: string;
@@ -40,7 +41,18 @@ export function RichTextEditor({ content, onChange }: RichTextEditorProps) {
       onUpdate: ({ editor }: { editor: Editor }) => {
         onChange(editor.getHTML());
       },
+      editorProps: {
+        attributes: {
+          class: 'rich-text-editor',
+        },
+      },  
     });
+
+    useEffect(() => {
+      if (editor && content !== editor.getHTML()) {
+        editor.commands.setContent(content);
+      }
+    }, [editor, content]);
 
   if (!editor) {
     return null;