Text
Markdown Preview
Write or paste Markdown — including output from ChatGPT, Claude, or Gemini — and see a live HTML preview with word count and reading time. Copy or download clean HTML, all client-side.
Text
Markdown TOC Generator
Generate a clean, linked table of contents from any Markdown document. Pick the heading levels you want included, choose ordered or bullet lists, and copy a ready-to-paste TOC for your README, docs, or blog post.
Ringkasan alat
Alat ini menerima input berstruktur dan mengembalikan output deterministik dalam pelayar tanpa muat naik pelayan.
- Nama alat
- Markdown TOC Generator
- Niat input
- Sediakan kandungan sumber untuk diubah, disahkan atau dianalisis.
- Niat output
- Terima output ternormal yang sesuai untuk disalin, digunakan semula atau dinyahpepijat.
- Contoh input
- # Guide ## Install ## Configure ### Environment ### Secrets
- Contoh output
- - [Install](#install) - [Configure](#configure) - [Environment](#environment) - [Secrets](#secrets)
Recent inputs0
Your last 5 inputs will appear here.
9 headings detected
- [Installation](#installation) - [macOS](#macos) - [Linux](#linux) - [Configuration](#configuration) - [Usage](#usage) - [Basic example](#basic-example) - [Advanced example](#advanced-example) - [Troubleshooting](#troubleshooting)
Pengenalan alat
Generate a clean, linked table of contents from any Markdown document. Pick the heading levels you want included, choose ordered or bullet lists, and copy a ready-to-paste TOC for your README, docs, or blog post.
Gambaran keseluruhan alat
Long Markdown files get easier to navigate when they start with a TOC. This tool parses your document, skips code fences, deduplicates anchor slugs the same way GitHub does, and builds a nested list that mirrors your heading hierarchy. Everything runs in the browser — your draft never leaves your tab.
Kes penggunaan
- Add navigation to a long README on GitHub
- Build a docs landing page with deep-linked sections
- Insert a sticky TOC into a Markdown blog post
- Audit heading structure for a documentation site
Contoh input/output
H2-H3 range, bullet style, anchor links enabled.
Niat input
# Guide ## Install ## Configure ### Environment ### Secrets
Niat output
- [Install](#install) - [Configure](#configure) - [Environment](#environment) - [Secrets](#secrets)
Soalan lazim
Are anchor slugs compatible with GitHub?+
Yes. The slug algorithm lowercases text, replaces spaces with dashes, strips Markdown emphasis characters, and de-duplicates repeated headings — matching GitHub's behavior.
Does it ignore code blocks?+
Yes. Fenced code blocks are skipped so `# comments` inside code don't become TOC entries.
Can I generate an ordered (numbered) list?+
Yes. Toggle the ordered option to emit 1. style markers instead of bullets.
Is my Markdown sent anywhere?+
No. Parsing happens entirely in your browser.
Terokai lebih banyak alat
Temui utiliti berkaitan dalam kategori Text di bawah.
Alat berkaitan
Utiliti pilihan yang mungkin berguna untuk anda
Text
Markdown Table Generator
Paste TSV, CSV, or pipe-separated rows and get a clean Markdown table with column alignment, header toggle, and compact mode — all in your browser.
Text
Slug Generator
Turn titles into clean, URL-safe slugs with dash or underscore separators, SEO stopword removal, a custom length cap, and bulk line-by-line conversion — all in your browser.