如何解决如何在“proseMirror”编辑器中使用“react-hook-form”?
如何将 react-hook-form
与 proseMirror
编辑器一起使用?
以下是我将 react-hook-form
与 proseMirror
集成的尝试:
import {EditorState} from "prosemirror-state"
import {EditorView} from "prosemirror-view"
import {Schema,DOMParser} from "prosemirror-model"
import {schema} from "prosemirror-schema-basic"
import {addListNodes} from "prosemirror-schema-list"
import {exampleSetup} from "prosemirror-example-setup"
import { useForm } from "react-hook-form";
function Page() {
const { register,handleSubmit } = useForm();
const onSubmit = data => console.log(data);
return (
<form onSubmit={handleSubmit(onSubmit)}>
<div style={}>
<div>
<label className="c-label-block">Message</label>
<div id="editor" {...register("editor")}></div>
<div id="content"></div>
</div>
</div>
<div className="c-btn-group c-btn c-btn-primary c-btn--medium" onClick={handleSubmit(onSubmit)}>
<div tabIndex={0}>Submit</div>
</div>
</form>
);
}
但是当我点击 submit
按钮时,我得到:
Unhandled Runtime Error
TypeError: Cannot read property 'split' of undefined at get (index.esm.js:28)
似乎 react-hook-form
无法在 value
编辑器中检索 proseMirror
,如何从 proseMirror
编辑器中检索输入值?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。