javascript - 使用丰富的降价编辑器反应

Question

我正在尝试使用rich-markdown-editor来获取值，但使用的方法不是模块化的。有人可以提出更好的方法。我都试过了onChange，onSave但似乎无法让它们工作。根据他们的文档

onSave({ done: boolean }): void 当用户使用键盘快捷键 Cmd+S 或 Cmd+Enter 明确请求保存时，会触发此回调。您可以将其用作将文档保存到远程服务器的信号。

onChange(() => value): void 当编辑器的内容发生变化时触发此回调，通常是由于用户输入（例如击键或使用格式化选项）。您可以使用它在本地保存编辑器状态。

import React, { useState } from "react";
import Editor from "rich-markdown-editor";

const Whiteboard = () => {
  const [content, setContent] = useState("");

  return (
    <div>
      <div>
        <h1>Your Content</h1>
        <Editor id="123" value={content} onChange={setContent} />
      </div>
      {content}
    </div>
  );
};

export default Whiteboard;

标签： javascriptreactjs

Answer 1

尝试

<Editor id="123" value={content} onChange={(value) => setContent(value()} />