Markdown TOC & Heading Extractor
About Markdown Heading Extractor
The Markdown Heading Extractor & Outline Analyzer parses H1 through H6 headings from `.md` files, generating hierarchical document outlines, checking heading hierarchy jumps (e.g. H1 $\rightarrow$ H3), and extracting slugified anchor IDs.
How to Use Markdown Heading Extractor
Step 1
Paste your Markdown document into the editor.
Step 2
Inspect the generated visual heading outline and accessibility audit.
Step 3
Copy the outline as a numbered Markdown list or JSON hierarchy.
Practical Use Cases for Markdown Heading Extractor
Document Outline & Heading Hierarchy Auditing
Inspect the heading structure of articles to catch accessibility violations (e.g. skipping from H2 to H4 without an H3).
Generating Custom Sidebar Navigation Trees
Extract heading titles and generated anchor slugs into JSON arrays for React / Vue documentation sidebars.
Input & Output Examples
Extracting Heading Hierarchy
`# Introduction\n## Installation\n### Requirements\n## Usage`
Outline:\n1. Introduction (H1, `#introduction`)\n 1.1 Installation (H2, `#installation`)\n 1.1.1 Requirements (H3, `#requirements`)\n 1.2 Usage (H2, `#usage`)
Key Features & Performance
- ✓Parses both ATX headings (`# Heading`) and Setext headings (`===` and `---`).
- ✓Generates GitHub, GitLab, and Bitbucket compliant kebab-case anchor slugs.
- ✓Accessibility audit: flags skipped heading levels and missing H1 tags.
- ✓100% Client-Side memory execution.
- ✓1-Click Copy outline as Markdown list or JSON tree.
Key Terminology & Definitions
ATX Heading
A Markdown heading style prefixing 1 to 6 hash symbols (`#`) before the heading text.
Setext Heading
A Markdown heading style underlining text with equals signs (`===` for H1) or hyphens (`---` for H2).