@aeaton/react-prosemirror

安装

npm install @aeaton/react-prosemirror

或者说

yarn add @aeaton/react-prosemirror

使用量

此示例导入配置来自 @ aeaton/ react-prosemiror-config-default (英语)。 。 。 .

import { HtmlEditor } from '@aeaton/react-prosemirror'
import { plugins, schema, toolbar } from '@aeaton/react-prosemirror-config-default'

const initialValue = '<p></p>'

export const RichTextEditor = () => {
  const [value, setValue] = useState(initialValue)

  return (
    <HtmlEditor
      schema={schema}
      plugins={plugins}
      value={initialValue}
      handleChange={setValue}
      debounce={250}
    >
      <Toolbar toolbar={toolbar} />
      <Editor autoFocus />
    </HtmlEditor>
  )
}