Markdown editor / live proof
01 A desk built for long documents
Everything runs in your browser: rendering, syntax highlighting, diagrams, and storage. No accounts, no cloud, no upload.
Live proof, debounced
Typing re-renders the preview after a short debounce, so fast typing stays smooth while the preview is never more than a quarter-second behind.
Outline that navigates
Headings become a clickable table of contents with anchors. In long technical documents, the outline is the map — click to jump, and the active section is highlighted.
Scroll that follows
Scroll the editor and the preview tracks the heading you are writing; scroll the preview and the editor follows back. Long documents stop being a guessing game.
Code, highlighted
Fenced blocks get automatic syntax highlighting for JavaScript, Python, CSS, HTML, JSON, and dozens more languages via highlight.js.
Mermaid diagrams
Write a mermaid fenced block and flowcharts, sequence diagrams, and gantt charts render right in the preview — no image exports needed.
Autosave, locally
Every 5 seconds the document is written to IndexedDB, which handles large documents well beyond the 5MB localStorage ceiling. Reopen the page and MdGenr offers to restore the draft.
02 Markdown cheat sheet
The syntax this editor understands, at a glance.
| Syntax | You write | Result |
|---|---|---|
| Heading | ## Title | Section heading, added to the table of contents with an anchor |
| Bold / Italic | **b** / *i* | Bold and italic text |
| Strikethrough | ~~text~~ | |
| Inline code | `code` | Monospaced inline code with a subtle frame |
| Code block | ```js … ``` | Syntax-highlighted preformatted block |
| Task list | - [x] done | Checkbox list item (GFM) |
| Table | | a | b | | Formatted table with header row (GFM) |
| Blockquote | > quote | Indented quote with a red rule |
| Emoji | :rocket: | Renders as an emoji character |
| Mermaid | ```mermaid …``` | Flowchart / sequence diagram rendered inline |
| Link | [text](url) | Hyperlink |
| Image |  | Embedded image |
03 Three ways out
When the document is done, take it wherever it needs to go.
Publish-ready file
A standalone .html document with clean inline styles baked in: headings, code blocks, tables, and quotes all styled. Drop it on any static host and it looks right.
Print pipeline
Export PDF opens the browser print dialog on a print-optimized version of the document, with page margins and pagination handled by print CSS.
Raw source
Download the exact Markdown source as a .md file, named after the document's first heading, ready for Git, a README, or another editor.
04 FAQ
Is my Markdown content uploaded to a server?
How does autosave work?
Which Markdown extensions are supported?
:rocket: and mermaid diagram blocks that render as flowcharts and sequence diagrams.How do the editor and preview scroll together?
What export formats are available?
Does the table of contents work in exported HTML?
#getting-started jump to the right section in the exported file.