✍️ Split-Screen Markdown Drafter
Write Markdown on the left, see the live preview on the right. Content auto-saves to your browser — nothing is sent to any server.
✨ Start typing Markdown to see the preview…
Split-Screen Markdown Drafter
The Split-Screen Markdown Drafter is a real-time editor that lets you write Markdown on the left pane and see the fully formatted preview on the right. It uses the marked.js library for fast parsing and DOMPurify to sanitize output, ensuring safe rendering — especially when pasting code from untrusted sources.
Key Features
- Live preview: Every keystroke updates the HTML preview in real time via a debounced parser.
- Synchronized scrolling: Scrolling the editor auto-scrolls the preview to the matching position and vice versa.
- Export options: Copy the raw Markdown or the rendered HTML to your clipboard with one click.
- Auto-save: Your draft is saved to
localStorageas you type — refreshing the tab won't lose your work. - 100% client-side: All processing happens in your browser. No data is ever uploaded.
How to Use
Simply start typing or paste Markdown into the left pane. The right pane updates instantly. Use the Copy Markdown button to copy the source text, or Copy as HTML to copy the rendered HTML for use in a CMS, email, or static site. Your draft is automatically saved and restored when you return.