長い文章のHTMLを貼ると、h2の見出しにidを付けて、目次のHTMLとアンカーリンクを出力するツールです。 手で目次を作るときに起きやすい、リンク切れや番号のずれを減らせます。 ブラウザで開くだけで動き、貼ったHTMLは外部に送られません。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 貼ったHTMLの構造によっては、意図と違う結果になることがあります。 公開前に、実際の表示と、目次のリンクが正しい見出しに飛ぶかを確認してください。 コメント、script、style、pre、textareaの中にある見出しは対象外にしています。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ h2の見出しから作る、目次のHTML（ulタグ） ◆ h2にid（section-1, section-2 ... の連番）を付けたHTML ◆ 2つの出力を、ボタンでコピー ◆ 目次の見た目の確認画面 ※ h2に既にあるidは、連番に置き換わります。 ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ h2〜h4の階層のある目次 ◆ idの付け方の選択（連番／見出しの文字） ◆ 番号付き／番号なしの切り替え ◆ 見出しに既にあるidを残す設定 ◆ 同じ見出し、同じidがある場合の警告 有料版はこちらです。https://mall-aibou.booth.pm/items/8923549 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. html-toc.html をダブルクリックして、ブラウザで開く 2. 目次を作りたいHTMLを、画面に貼る 3. 「目次HTML」と「idを付けたHTML」をコピーして、ご自身のページに反映する ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・貼ったHTMLはこの端末の中だけで扱われ、外部のサーバーに送られません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・h3以下の見出しは、目次に入りません ・HTMLの文法チェックや修正はしません ・貼ったHTMLへの目次の自動挿入はしません。目次HTMLは、お好きな位置に貼ってください ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　html-toc.html ／ README.txt TOOL BOX