reactjs - 如何在 `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
编辑器中检索输入值?
解决方案
推荐阅读
- plsql - ORA-00933 运行时 plsql 抛出错误
- python - 如何在 Pygame 中运行游戏时制作不断变化的背景?
- php - 括号 json 配置文件修改为 PHP 支持
- swift - 如何解决奇怪的“文件句柄”问题?
- php - Laravel 中的 PHP 函数
- javascript - 构建 webpack 时出错:您可能需要适当的加载器来处理此文件类型
- android - 无法成功实例化华为相机引擎(云端调试)
- c++ - 我可以在多个可以在 Octave 中调用的 C++ 函数中描述一个共享变量吗?
- python - 以连续方式在窗口上应用 groupby pyspark
- django - 无法从 Django URL 获取参数