@remirror/dev

Development utilities for remirror

Usage no npm install needed!

<script type="module">
  import remirrorDev from 'https://cdn.skypack.dev/@remirror/dev';
</script>

README

@remirror/dev

npm bundle size (scoped) npm

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 { RemirrorProvider } from '@remirror/react';
import { RemirrorProvider, useManager } from '@remirror/react';

const Editor = () => {
  const manager = useManager([
    new BoldExtension(),
    new ItalicExtension(),
    new UnderlineExtension(),
  ]);

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