TinyMCE 리액션 커서 키 입력 후 다시 시작

TinyMCE 리액션 커서 키 입력 후 다시 시작

TinyMCE-React를 사용하고 있는데 TinyMCE Editor에 초기 값으로 텍스트를 입력하면 텍스트 시작 시 커서가 계속 반환되고...

import { Editor } from "@tinymce/tinymce-react";

  const [formData, setFormData] = useState({
    title: "",
    text: "",
  });


if (post) {
  setFormData((formData) => ({
    ...formData,
    title: post.title,
    text: post.text,
  }));
}

const { title, text } = formData;

내 기능:

const textChange = (e) => {
setFormData({ ...formData.text, text: e });   };

내 편집자:

    <Editor
      name='text'
      initialValue={text}
      onEditorChange={(e) => textChange(e)}
    />

'setFormData' 때문에 그런 것 같은데 텍스트 끝에 있는 일반 커서로 어떻게 텍스트를 편집해야 할지...

답장이 늦었지만, 여기 해결책이 있다: https://github.com/tinymce/tinymce-react/issues/267.

변화하다initialValue={text}로value={text}.

TinyMCE Resact 구성 요소를 "제어" 구성 요소로 사용하기 위한 올바른 설정이다. https://www.tiny.cloud/docs/integration/reaction/#usingtingtinymcereacticasacontrolled 구성 요소.

참조URL: https://stackoverflow.com/questions/68573724/tinymce-react-cursor-back-to-start-after-typing-a-key