@remirror/dev

Development tools to make life easier when building your editor.

Installation

yarn add @remirror/dev# yarn
pnpm add @remirror/dev# pnpm
npm install @remirror/dev# npm

Usage

For in depth usage with proper code example see the docs

Prosemirror Dev Tools

The following will render the development view in your editor. For more information on what's possible see the docs.

import React from 'react';
import { BoldExtension } from 'remirror/extension/bold';
import { ItalicExtension } from 'remirror/extension/italic';
import { UnderlineExtension } from 'remirror/extension/underline';
import { ProsemirrorDevTools } from '@remirror/dev';
import { Remirror, useRemirror } from '@remirror/react';

const Editor = () => {
  const manager = useRemirror({
    extensions: () => [new BoldExtension(), new ItalicExtension(), new UnderlineExtension()],
  });

  return (
    <Remirror manager={manager} autoRender={true}>
      <ProsemirrorDevTools />
    </Remirror>
  );
};