Client-side Tool

Markdown TOC ??? Tool (??-create from Headings)

??matically generate a ? of Contents (TOC) from Markdown headings (H2-H4, etc.). ?? the 'editable' output and use it immediately.

?? data is not sent to servers Just paste it

Markdown TOC Generation (??/??)

??
Just paste it

Extracts headings from # to ####. Ignores # inside code blocks.

Generated TOC (Markdown)
0items Extracted 0items Excluded 0items ??
Paste Markdown on the left to see the TOC here
Click to select all

TOC Creation Markdown (??)

Basic ??

Advanced ??
Start/End Markers Easy to update later
?? <!-- TOC --> and <!-- /TOC -->
<!-- TOC --> <!-- /TOC -->

Heading to TOC: Usage and Examples

How to Use

  1. 1

    Paste Markdown

  2. 2

    ?? target levels (H2 Only / H2-H4, etc.)

  3. 3

    ?? and paste into your document

?? content is processed within the browser.

Example

?? Example
# Document ??
## ??
## Usage
### Installation
### Configuration
## ?? ?? ??
## ?? ?? ??
?? Example
## ? of Contents

- [??](#overview)
- [Usage](#usage)
  - [Installation](#installation)
  - [Configuration](#configuration)
- [?? ?? ??](#faq)
- [?? ?? ??](#faq-2)

???? & Tips

Specifications

Heading Extraction Rules

  • Extracts # to #### Markdown headings (specified in settings)
  • # inside code blocks (```) are not treated as headings

Anchor Generation Rules (Tool ??)

  1. Trim heading text (remove whitespace)
  2. Convert English to lowercase
  3. Convert spaces to -
  4. ?? symbols (keep -)
  5. Collapse consecutive -- to -
  6. ?? leading/trailing -
  7. Append -2, -3... for duplicate anchors

????

  • TOC link behavior may vary depending on the environment (Git hosting, Markdown viewer, etc.). ?? the output as needed.
  • Setting anchor style to '??? ??' makes it easier to edit for specific environments.
  • Exclude keywords are matched partially.

?? ?? ??

I want H2 only

You can select 'H2 Only' in Target Levels.

How are anchor names determined?

The anchor generation rules for this tool are listed. You can manually edit the output to fine-tune it for your environment.

What about duplicate headings?

If multiple identical headings exist, sequential numbers like -2, -3 are added to avoid anchor duplication (e.g., #faq-2).

I want to exclude specific headings

Use the 'Exclude Keywords' in Advanced ?? to omit headings containing those characters.

Can I create a TOC without links (text only)?

Set Anchor Style to '??? Anchor' to generate a text-only TOC.