toast ui editor 结合 react 使用

快速使用：tui.editor/apps/react-…

详细配置：nhn.github.io/tui.editor/…

我使用的是 react18，然后安装，直接报错。。。

查看报错发现可以强制安装：

npm install --save @toast-ui/react-editor --force

直接强制安装。

之后跟着官方文档走，结合 react 使用，基本没有什么大问题。

然后就是获取内容。

首先需要先绑定 editor。

然后调用实例上的 getMarkdown 或者 getHTML 等方法可以获取内容。

const editorRef = useRef();

<Editor
    initialValue=""
    previewStyle="vertical"
    height="600px"
    initialEditType="markdown"
    useCommandShortcut={true}
    language='zh-CN'
    ref={editorRef}
/>

const editorText = editorRef.current.getInstance().getMarkdown()