ブラウザ内完結ツール

Markdown目次(TOC)生成ツール(見出しから自動作成)

Markdown の見出し(H2〜H4など)から目次(TOC)を自動生成。貼り付けてすぐ使える “編集可能な” 出力をコピーできます。

入力内容は送信されません 貼り付けるだけ

Markdown 目次 生成(入力・出力)

入力
貼り付けるだけ

#〜#### の見出しを抽出します。コードブロック内の # は無視します。

生成されたTOC(Markdown)
0件 抽出 0件 除外 0件 重複
左にMarkdownを貼り付けると、ここに目次が表示されます
クリックで全文選択

TOC 作成 Markdown(オプション)

基本設定

詳細設定
先頭/末尾マーカー 後で更新しやすい
<!-- TOC --> と <!-- /TOC --> を付ける
<!-- TOC --> <!-- /TOC -->

見出し 目次 自動:使い方と例

使い方

  1. 1

    Markdown を貼り付け

  2. 2

    対象レベル(H2のみ / H2〜H4など)を選択

  3. 3

    コピーして本文へ貼り付け

入力内容はブラウザ内で処理されます。

入力例
# ドキュメントタイトル
## 概要
## 使い方
### インストール
### 設定
## FAQ
## FAQ
出力例
## 目次

- [概要](#概要)
- [使い方](#使い方)
  - [インストール](#インストール)
  - [設定](#設定)
- [FAQ](#faq)
- [FAQ](#faq-2)

注意事項・豆知識

仕様

見出し抽出ルール

  • #〜#### の Markdown 見出しを抽出(設定で範囲指定)
  • コードブロック(```)内の # は見出しとして扱わない

アンカー生成ルール(このツールの方式)

  1. 見出しテキストをトリム(前後の空白除去)
  2. 英字は小文字化
  3. 空白は - に変換
  4. 記号は基本的に除去(- は保持)
  5. -- の連続は - にまとめる
  6. 先頭/末尾の - は除去
  7. 同じアンカーが重複した場合は -2, -3 … を付与

注意事項

  • 目次リンクの動作は、利用する環境(Gitホスティング、Markdownビューア等)によって差が出ることがあります。必要に応じて出力を編集してください。
  • アンカー方式を「カスタム」にすると、環境に合わせて編集しやすい形になります。
  • 除外キーワードは部分一致で判定します。

よくある質問

H2だけにしたい

対象レベルで「H2のみ」を選択できます。

アンカー名はどう決める?

このツールのアンカー生成ルールを明記しています。出力は手動で編集できるので、環境に合わせて微調整も可能です。

重複見出しは?

同じ見出しが複数ある場合、アンカーが重複しないように -2, -3… の連番を付与します(例:#faq-2)。

目次に入れたくない見出しがある

詳細設定の除外キーワードを使うと、その文字を含む見出しを省けます。

目次リンクなし(テキストだけ)でも作れる?

アンカー方式を「アンカーなし」にすると、リンク無しの目次を生成できます。