TinyMCE 在键入按键后将光标返回到开始

Question

我正在使用 TinyMCE-React，当我在 TinyMCE 编辑器中输入初始值的文本时，光标不断返回到文本的开头......

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”，但我不知道如何使用停留在文本末尾的常规光标编辑文本......

Answer 1

迟到的答案，但这是修复： https: //github.com/tinymce/tinymce-react/issues/267。

改成。initialValue={text}​value={text}

这是使用 TinyMCE React 组件作为“受控”组件的正确设置：https://www.tiny.cloud/docs/integrations/react/#usingthetinymcereactcomponentasacontrolComponent。