本文へ移動

§08-12Content

Document outline panel

文書の見出しを一覧にして脇に表示する。

文書の構成を一覧で掴み、読みたい節へすぐ飛べる。執筆中にも全体の流れを見渡せるので、長いドキュメントの編集画面に向く。

実装のポイント

見出しから目次を生成し、IntersectionObserver で表示中の見出しを追ってハイライトする。リンクは #id への通常のアンカーにして履歴と共有に対応させる。

特徴
  • 状態管理
デモで使っているもの
  • motion