怎么使用 React hook 二次封装一个富文本组件

[withoutxx]

• 目前想把富文本组件的方法暴露给父组件调用，怎么才可以像 antd Form 组件那样直接暴露出去一个 useForm

• 另外想找一款粘贴时支持保留大部分样式的富文本编辑器 （从 word 复制或者从 135 类似的编辑器复制过来保留样式），目前测试下来只有 wangeditor 设置 pasteFilterStyle = false 可以支持

//想实现的调用方式

const {setContent} = Editor.useEditor()

<Editor options={} />

//当前的写法，父组件只能通过 ref 调用

const Editor = React.forwardRef((props, ref) => {

  const eleRef = React.createRef();
  const editorRef = React.createRef();

  useEffect(() => {
    editorRef.current = createEditor(eleRef.current);
  }, [eleRef.current]);

  useImperativeHandle(ref, () => {
    return {
      setContent: editorRef.current.setContent,
    };
  });

  return (
    <div ref={eleRef}>

    </div>
  );
});

export default Editor;