A ProseMirror toolkit for building a CMS in React

remirror was started as a personal challenge. Would it be possible to build an editor that combined excellent performance with ease of use? It was also essential to give users of all frameworks the ability to create an editor by picking and choosing their desired building blocks.

remirror was started as a personal challenge. Would it be possible to build an editor that combined great performance with ease of use? It was also important to give users of all frameworks the ability to build an editor by picking and choosing their desired building blocks.

import React from 'react';
import { BoldExtension, ItalicExtension, UnderlineExtension } from 'remirror/extensions';
import { Remirror, useRemirror, OnChangeJSON } from '@remirror/react';

const extensions = () => [new BoldExtension(), new ItalicExtension(), new UnderlineExtension()];

const Editor = ({ onChange }) => {
  const { manager, state } = useRemirror({
    extensions,
    content: '<p>Hi <strong>Friend</strong></p>',
    stringHandler: 'html',
    selection: 'end',
  });

  return (
    <Remirror manager={manager} initialContent={state}>
      <OnChangeJSON onChange={onChange} />
    </Remirror>
  );
};

Demo

In the last year, Ifiok has focused on building elegant developer experiences with CMS's. Watch this interview to see this project in action and learn how we could secure enough sponsorship to work on this problem full time.

Open Source Fridays

Come along to our Open Source Friday live streams. We go live on the GitHub Twitch Channel most Fridays. Join the Meetup Group to stay up to date and see the topics each week.