Markdown Editor

The <MarkdownEditor> provides a state of the art editor to edit markdown.

import { MarkdownEditor } from '@remirror/react-editors/markdown';

Loading...

1import '../example.css';
2
3import { useHelpers } from '@remirror/react';
4import { MarkdownEditor } from '@remirror/react-editors/markdown';
5
6function MarkdownPreview() {
7  const { getMarkdown } = useHelpers(true);
8
9  return (
10    <pre>
11      <code>{getMarkdown()}</code>
12    </pre>
13  );
14}
15
16const Editor = () => {
17  return (
18    <MarkdownEditor placeholder='Start typing...'>
19      <MarkdownPreview />
20    </MarkdownEditor>
21  );
22};
23
24export default Editor;
25

Find many more examples on Storybook.

note

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