mdxeditor is an open-source React component that lets your users edit markdown documents naturally, just like in Google docs or Notion.

Anja Petry

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

MDX Editor is an open-source React component that allows users to author markdown documents naturally. Style the rich text with the same styles as your actual page. Style the content editable area with your content CSS class.

the Rich Text Markdown Editor React Component

Markdown editing can be even more delightful.

Style the content editable area with your content CSS class

Code blocks with syntax highlighting, auto-complete, and live preview

Use + as a bullet sign, and _ as emphasis

<p>This looks neat!  Thanks for sharing!</p>


<p>That was so cool, thanks for sharing. 😍</p>
