MDX Editor

An open source rich text React component for markdown editing

README

MDX Editor


Because markdown editing can be even more delightful.


MDX Editor is an open-source React component that allows users to author markdown documents naturally. Just like in Google docs or Notion. See the live demo that has the default features turned on. It supports most (if not all) of the markdown syntax, including tables, images, code blocks, etc. It also allows users to edit JSX components with a dedicated property editor.

  1. ```jsx
  2. import {MDXEditor} from '@mdxeditor/editor';

  3. export default function App() {
  4.   return <MDXEditor markdown={'# Hello World'} />;
  5. }
  6. ```

Get Started


The best place to get started using the component is the documentation.

Help and support


Should you encounter any issues, please create an issue, but check if there's something similar already open first.

License


MIT © Petyo Ivanov.