reactjs - 如何从 tiptap react (typescript) wysiwyg 中的内容中获取文本值？

Question

我正在尝试获取输入到 wysiwig 中的文本以将其存储到我的数据库中。

我尝试了很多不同的东西，这是我最近的一次迭代:

<EditorContent editor={editor} className="contentInput" style={{ backgroundColor:'lightgrey' }} value={state.content} onChange={(evt) => setState({ ...state, content: evt.target.value })}/>

然后我得到了一个错误，即值不是目标上的属性。我相信这是因为它不再是 HTML 输入元素，但我不确定我现在如何获取该内容以放入数据库？

Answer 1

const editor = useEditor({
    // ...
    onUpdate({ editor }) {
        setState(editor.getJSON());
    },
});