thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fixed editor initialization behaviour for new peek view

Browse Source
This commit is contained in:
Palanikannan1437 2023-10-30 09:58:07 +05:30
parent d8cd0b0f97
commit ce18387600
1 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
packages/editor/core/src/ui/hooks/useEditor.tsx
View File

@ -4,6 +4,7 @@ import {
useRef,
MutableRefObject,
useEffect,
useState,
} from "react";
import { DeleteImage } from "../../types/delete-image";
import { CoreEditorProps } from "../props";
@ -38,32 +39,40 @@ export const useEditor = ({
forwardedRef,
setShouldShowAlert,
}: CustomEditorProps) => {
const editor = useCustomEditor({
editorProps: {
...CoreEditorProps(uploadFile, setIsSubmitting),
...editorProps,
const [internalEditorContent, setInternalEditorContent] = useState(value);
const editor = useCustomEditor(
{
editorProps: {
...CoreEditorProps(uploadFile, setIsSubmitting),
...editorProps,
},
extensions: [...CoreEditorExtensions(deleteFile), ...extensions],
content:
typeof value === "string" && value.trim() !== "" ? value : "<p></p>",
onUpdate: async ({ editor }) => {
// for instant feedback loop
setIsSubmitting?.("submitting");
setShouldShowAlert?.(true);
onChange?.(editor.getJSON(), getTrimmedHTML(editor.getHTML()));
},
},
extensions: [...CoreEditorExtensions(deleteFile), ...extensions],
content:
typeof value === "string" && value.trim() !== "" ? value : "<p></p>",
onUpdate: async ({ editor }) => {
// for instant feedback loop
setIsSubmitting?.("submitting");
setShouldShowAlert?.(true);
onChange?.(editor.getJSON(), getTrimmedHTML(editor.getHTML()));
},
});
[internalEditorContent],
);
const hasIntiliazedContent = useRef(false);
useEffect(() => {
if (editor && value!=="" && !hasIntiliazedContent.current) {
editor.commands.setContent(
typeof value === "string" && value.trim() !== "" ? value : "<p></p>",
);
hasIntiliazedContent.current = true;
if (editor) {
const cleanedValue =
typeof value === "string" && value.trim() !== "" ? value : "<p></p>";
if (cleanedValue !== "<p></p>" && !hasIntiliazedContent.current) {
setInternalEditorContent(cleanedValue);
hasIntiliazedContent.current = true;
} else if (cleanedValue === "<p></p>" && hasIntiliazedContent.current) {
hasIntiliazedContent.current = false;
}
}
}, [value]);
}, [value, editor]);
const editorRef: MutableRefObject<Editor | null> = useRef(null);
editorRef.current = editor;