LIVE MARKDOWN EDITOR

WRITING A GITHUB README

You're setting up a new open source project and need the README to look right before pushing. GitHub's own preview only renders after you commit, so mistakes are public. Paste your draft here, fix the heading hierarchy and table alignment, then copy the finished source back to your editor.

DRAFTING DOCUMENTATION BEFORE COMMITTING

You're writing a pull request description or a wiki page and want to confirm that your GFM tables render correctly and your task list checkboxes show up as checkboxes. The live preview here matches GitHub's rendering closely, so what you see is what reviewers will see.

LEARNING MARKDOWN SYNTAX

You're new to markdown and want to experiment without setting up a local environment. Type a heading with ##, add a fenced code block, try a table, and see the output instantly. No account needed and nothing to install.

PARSING

Every keystroke triggers a markdown parse using a GFM-compatible renderer. The parser handles standard CommonMark syntax plus GitHub extensions: strikethrough, tables, task list items, and autolinked URLs.

RENDERING

The parsed output is rendered as sanitized HTML in the preview pane. Code blocks get monospace formatting. Tables render with borders. Task list items show actual checkboxes. The output mirrors what GitHub displays on READMEs and issues.

STORAGE

Your markdown is saved to localStorage in your browser. Nothing leaves your machine. There is no server, no account, and no history log. When you clear your browser data, the saved content is gone.

DOES THE LIVE EDITOR SUPPORT GITHUB FLAVORED MARKDOWN?

Yes. The preview renders GFM syntax including tables, strikethrough text, fenced code blocks with language labels, and task list checkboxes using - [ ] and - [x]. It does not render GitHub-specific features like mentions (@user) or issue references (#123), since those are tied to GitHub account data.

IS MY CONTENT SAVED TO A SERVER?

No. The editor saves your content to your browser's local storage only. Nothing is sent to any server. Closing the tab and reopening the editor will restore your content, but clearing your browser cache will delete it permanently.

CAN I USE THIS TO CONVERT MARKDOWN TO HTML?

The preview pane shows rendered HTML visually, but if you need the raw HTML output as a string you can copy and paste, use the Markdown to HTML converter instead. That tool gives you the full HTML source you can drop into any website.

HOW IS THIS DIFFERENT FROM THE WYSIWYG EDITOR?

This live editor shows raw markdown syntax on the left and the rendered output on the right. You write actual markdown syntax. The WYSIWYG editor hides the markdown and lets you format text using toolbar buttons, like a word processor. Use this editor if you want to see and control the source; use the WYSIWYG editor if you prefer a visual writing experience.