如何在“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 (将#修改为@）