@aeaton/react-prosemirror

`npm install @aeaton/react-prosemirror`

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@aeaton/react-prosemirror
Minified + gzip package size for @aeaton/react-prosemirror in KB

Readme

Installation

npm install @aeaton/react-prosemirror

or

yarn add @aeaton/react-prosemirror

Usage

This example imports configuration from @aeaton/react-prosemirror-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>
  )
}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.