Wysiwyg Editor

The <WysiwygEditor> provides a state of the art richtext editor.

import { WysiwygEditor } from '@remirror/react-editors/wysiwyg';

Loading...

1import '../example.css';
2
3import BrowserOnly from '@docusaurus/BrowserOnly';
4import { WysiwygEditor } from '@remirror/react-editors/wysiwyg';
5
6const Editor = () => {
7  return (
8    <BrowserOnly fallback={<div>Loading...</div>}>
9      {() => <WysiwygEditor placeholder='Enter text...' />}
10    </BrowserOnly>
11  );
12};
13
14export default Editor;
15

Find many more examples on Storybook.

note

Want to customize the behavior? Simply copy the <WysiwygEditor> code and change the extensions. That's what Remirror was built for.