Loading…
Loading…
Write Markdown with instant live preview and HTML export
Write bold, italic, and strikethrough text.
function hello() {
return "Hello, World!";
}| Feature | Status |
|---|---|
| Tables | Yes |
| Lists | Yes |
This is a blockquote.
Made with https://wowhow.cloud" target="_blank" rel="noopener noreferrer">WOWHOW
Run your projects on Claude Code?
We packaged the .claude config that runs this site — 26 specialist agents, 14 workflow skills, and 6 rule files from 31 real production incidents. From $9.
Get the Claude Code Production Pack — $29Markdown, created by John Gruber and Aaron Swartz in 2004, is a lightweight markup language designed to be readable as plain text and renderable as structured HTML. GitHub Flavored Markdown (GFM) extends the CommonMark specification with tables, task lists, strikethrough, and fenced code blocks. Markdown is the authoring format for README files, technical documentation, blog posts in static site generators like Next.js and Hugo, and API documentation platforms. A split-pane editor with live preview eliminates the write-save-preview cycle.
The editor uses a textarea for Markdown input and renders the preview using a Markdown-to-HTML parser that implements CommonMark plus GFM extensions. The parser processes the input in two passes: first tokenizing into a block-level token stream (headings, paragraphs, lists, code fences, tables), then rendering each token to HTML with inline elements (bold, italic, code spans, links, images) handled recursively.
Code blocks with language hints (```javascript) apply syntax highlighting using a tokenizer that recognizes keywords, strings, comments, and operators. The highlighted output uses <span> elements with language-specific CSS classes.
HTML export wraps the rendered output in a standalone document with embedded CSS styled to match GitHub Markdown rendering. This produces a shareable, self-contained HTML file that renders correctly without external stylesheets or JavaScript dependencies.
A developer writes a project README with a feature table, installation instructions, and code examples, previewing the GFM rendering before pushing to GitHub.
A technical writer drafts API documentation with fenced code blocks showing request and response examples, exporting as HTML for a documentation site.
A developer writes a CHANGELOG entry in Markdown for a pull request description, using task list syntax to track which items are complete.
A developer uses the editor as a structured scratchpad during a debugging session, combining headers, code snippets, and checklists in one document.
Write or paste Markdown in the left editor pane
See the live rendered preview instantly on the right
Use the toolbar buttons to insert formatting (bold, headings, tables, code)
Export as .md or .html file, or copy the rendered HTML
About the Markdown Editor
GitHub Flavored Markdown (GFM): headings, bold, italic, strikethrough, links, images, code blocks with syntax hints, tables, task lists, blockquotes, and horizontal rules.
Yes. Download as a .md file or a standalone .html file with embedded CSS. You can also copy the raw HTML source.
Yes. The entire editor runs in your browser with zero server calls. Your content never leaves your device.
GFM extends the CommonMark base specification with tables, strikethrough text, task list checkboxes, fenced code blocks with language hints, and autolinks. It is the rendering format used by GitHub, GitLab, and most modern documentation platforms. The editor supports the full GFM spec.
Yes. Write your README content in the editor, preview how it renders with GFM formatting, and download the .md file to place in your repository. The exported file is plain UTF-8 Markdown with no proprietary formatting or extra dependencies.
Each toolbar button inserts the corresponding Markdown syntax at the cursor position or wraps the selected text. Selecting a word and clicking Bold wraps it in **double asterisks**. The Table button inserts a starter table template with columns and alignment rows that you can extend with additional columns.
Builder/critic agent prompts with brakes built in
Open →DeveloperFormat, validate & diff JSON — runs entirely in browser
Open →DeveloperTest regex live — railroad diagrams + plain English explained
Open →DeveloperOne color in, full design system out
Open →