Skip to content
← All projects

Markdown Editor Component

A dependency-light editor with live preview, syntax-highlighted code fences, and paste-to-upload images.

reactmarkdownui
View code ↗

Most React markdown editors bundle a full editing framework. This one is a textarea with useful behaviour attached.

Features

  • Split preview rendered with react-markdown plus GFM tables and task lists
  • Code fences highlighted on the client only, so the bundle stays small
  • Paste or drop an image and it uploads, inserting the URL at the cursor
  • Tab inserts indentation instead of losing focus

Why not a rich text editor

The stored value is plain markdown. Nothing in the editor can produce markup the renderer does not understand, which means the content survives changing editors later.