Markdown & Document Tools
Markdown preview, Markdown ↔ HTML conversion, TOC generation, SQL formatting, HTML preview.
READMEs, tech blogs, and doc sites have made Markdown a default authoring workflow. This section covers the utility cases: previewing rendered output while writing, importing HTML back into Markdown, auto-generating tables of contents for long articles, and prettifying SQL queries before sharing them.
Tools in this topic (9)
Markdown Preview
Preview and render Markdown text in real time
Markdown to HTML Converter
Convert Markdown to HTML code (GFM support, pretty or minified output)
HTML to Markdown Converter
Convert HTML to Markdown (headings, lists, tables, links, images, code)
Markdown TOC Generator
Generate a table of contents from Markdown headings with GitHub-style anchors
Markdown Table Generator (from Excel / TSV / CSV)
Convert tab-separated or CSV data into a Markdown table. Column alignment supported
HTML Preview
Preview HTML code in real time with a sandboxed iframe
HTML Formatter
Beautify minified or single-line HTML with proper indentation
HTML Minifier (Compress HTML)
Strip whitespace, newlines, and comments from HTML; preserves pre/script/style/textarea
SQL Formatter
Format SQL queries with customizable indentation and keyword casing
Related articles
-
Markdown link styles: inline, reference, shortcut, and autolink compared
Markdown defines four link syntaxes — inline, reference, shortcut reference, and autolink. They differ on readability, URL reuse, line length, and CommonMark vs GFM portability. This article walks through each and gives guidance for blog posts, READMEs, and long specs.
-
Converting between Markdown and HTML: GFM, sanitization, attribute loss
What gets lost when converting Markdown to HTML and back. GFM extension compatibility, sanitization for untrusted input, and attribute / structure preservation in tables and images.
-
Mermaid syntax primer: 7 diagram types you can embed in Markdown
Mermaid covers flowcharts, sequence diagrams, Gantt, ER, state, class, and pie charts. A practical primer covering the syntax for diagrams you can drop into GitHub, Notion, and Obsidian.
-
Markdown flavors: CommonMark, GFM, and the variants in between
Markdown has CommonMark, GitHub Flavored Markdown, and many tool-specific extensions. The differences, compatibility, and common pitfalls.
-
SQL formatting: indentation and line-break conventions for readability
Common SQL formatting styles, the difference between left-aligned and right-aligned keyword layouts, and indentation rules for JOINs and predicates.
-
Markdown TOC and anchors: GitHub-style slug generation and the pitfalls
Why long articles need a table of contents, how Markdown anchor links (`[text](#anchor)`) are generated under GitHub Flavored Markdown, and what an auto-generator has to handle.