@aeaton/react-prosemirror

Installation

npm install @aeaton/react-prosemirror

or

yarn add @aeaton/react-prosemirror

Demo

View demo

Usage

This example imports configuration from @aeaton/react-prosemirror-config-default.

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

export const CustomEditor = ({ value, handleChange }) => (
  <HtmlEditor
    schema={schema}
    plugins={plugins}
    value={value}
    handleChange={handleChange}
  >
    <Toolbar toolbar={toolbar} />
    <Editor />
  </HtmlEditor>
)