highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-09 23:16:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: guard all RichEditor imperative methods against unmounted view

Browse Source 
Add isEditorReady() helper to check if editor.view.dom is mounted
before accessing editor commands. This prevents the TipTap error
"The editor view is not available" that occurred when PostViewer's
draft loading called editor methods before the view was fully mounted.
This commit is contained in:
Claude
2026-01-22 11:26:47 +00:00
parent 3ce77ef97c
commit 1ecbc21dee
1 changed files with 38 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/editor/RichEditor.tsx
View File

@@ -528,15 +528,31 @@ export const RichEditor = forwardRef<RichEditorHandle, RichEditorProps>(
},
});
// Helper to check if editor view is ready (prevents "view not available" errors)
const isEditorReady = useCallback(() => {
return editor && editor.view && editor.view.dom;
}, [editor]);
// Expose editor methods
useImperativeHandle(
ref,
() => ({
focus: () => editor?.commands.focus(),
clear: () => editor?.commands.clearContent(),
getContent: () => editor?.getText({ blockSeparator: "\n" }) || "",
focus: () => {
if (isEditorReady()) {
editor?.commands.focus();
}
},
clear: () => {
if (isEditorReady()) {
editor?.commands.clearContent();
}
},
getContent: () => {
if (!isEditorReady()) return "";
return editor?.getText({ blockSeparator: "\n" }) || "";
},
getSerializedContent: () => {
if (!editor)
if (!isEditorReady() || !editor)
return {
text: "",
emojiTags: [],
@@ -545,32 +561,40 @@ export const RichEditor = forwardRef<RichEditorHandle, RichEditorProps>(
};
return serializeContent(editor);
},
isEmpty: () => editor?.isEmpty ?? true,
isEmpty: () => {
if (!isEditorReady()) return true;
return editor?.isEmpty ?? true;
},
submit: () => {
if (editor) {
if (isEditorReady() && editor) {
handleSubmit(editor);
}
},
insertText: (text: string) => {
editor?.commands.insertContent(text);
if (isEditorReady()) {
editor?.commands.insertContent(text);
}
},
insertBlob: (blob: BlobAttachment) => {
editor?.commands.insertContent({
type: "blobAttachment",
attrs: blob,
});
if (isEditorReady()) {
editor?.commands.insertContent({
type: "blobAttachment",
attrs: blob,
});
}
},
getJSON: () => {
if (!isEditorReady()) return null;
return editor?.getJSON() || null;
},
setContent: (json: any) => {
// Check editor and view are ready before setting content
if (editor?.view?.dom && json) {
editor.commands.setContent(json);
if (isEditorReady() && json) {
editor?.commands.setContent(json);
}
},
}),
[editor, handleSubmit],
[editor, handleSubmit, isEditorReady],
);
// Handle submit on Ctrl/Cmd+Enter