★ Upgraded
Markdown Editor Pro
Write and preview markdown in real-time with a rich toolbar, syntax highlighting, and HTML export. Perfect for docs, READMEs, and notes.
<button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="bold">B</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="italic">I</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="strike">S</button><span class="w-px h-6 bg-white/[0.06] mx-1 self-center"></span><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="h1">H1</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="h2">H2</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="h3">H3</button><span class="w-px h-6 bg-white/[0.06] mx-1 self-center"></span><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="link">🔗</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="img">🖼</button><span class="w-px h-6 bg-white/[0.06] mx-1 self-center"></span><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="ul">• List</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="ol">1. List</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="quote">❝</button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="code"><></button><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="hr">—</button><span class="w-px h-6 bg-white/[0.06] mx-1 self-center"></span><button class="toolbar-btn px-2.5 py-1.5 rounded-lg text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/[0.06] transition-all active:scale-95" data-cmd="table">⊞ Table</button>
0 words
Supports: H1-H6, bold, italic, strikethrough, links, images, ordered/unordered lists, blockquotes, inline code, fenced code blocks, horizontal rules, tables, and line breaks. Content auto-saves to your browser.
Frequently Asked Questions
Your content is saved to your browser's localStorage so it persists between sessions. Nothing is uploaded to any server.
Yes. Click the 'Export HTML' button to download a complete HTML file with rendered content. You can also copy the markdown source or the rendered HTML.
The editor supports headings (H1-H6), bold, italic, strikethrough, links, images, ordered/unordered lists, blockquotes, inline code, code blocks, horizontal rules, and tables.
The preview automatically follows the site's dark theme. The rendered output uses the same dark styling for consistency.
Yes. Use the toolbar buttons or common shortcuts. The editor also supports tab for indentation and auto-closing of markdown syntax.
Ctrl+B Bold Ctrl+I Italic ⌘K Open search