diff --git a/resources/ts/back/Components/Inputs/SimpleWysiwyg.tsx b/resources/ts/back/Components/Inputs/SimpleWysiwyg.tsx index 970a42ff..84226b70 100644 --- a/resources/ts/back/Components/Inputs/SimpleWysiwyg.tsx +++ b/resources/ts/back/Components/Inputs/SimpleWysiwyg.tsx @@ -1,6 +1,6 @@ // * Packages import { usePage } from "@inertiajs/react"; -import { useState } from "react"; +import { useEffect, useState } from "react"; import RichTextEditor, { BaseKit, UseEditorOptions } from "reactjs-tiptap-editor"; import { Blockquote } from "reactjs-tiptap-editor/blockquote"; import { Bold } from "reactjs-tiptap-editor/bold"; @@ -112,6 +112,7 @@ export default function SimpleWysiwyg({ ]; const [content, setContent] = useState(value); + const [version, setVersion] = useState(1); const onChangeContent = (changedValue: string) => { setContent(changedValue); @@ -127,14 +128,22 @@ export default function SimpleWysiwyg({ }, }; + useEffect(() => { + if (content !== value) { + setContent(value); + setVersion(version + 1); + } + }, [value]); + return (
{wordCounter && ]*>/g, "")} />}