§08-12Content
Document outline panel
文書の見出しを一覧にして脇に表示する。
文書の構成を一覧で掴み、読みたい節へすぐ飛べる。執筆中にも全体の流れを見渡せるので、長いドキュメントの編集画面に向く。
実装のポイント
見出しから目次を生成し、IntersectionObserver で表示中の見出しを追ってハイライトする。リンクは #id への通常のアンカーにして履歴と共有に対応させる。
- 特徴
- 状態管理
- デモで使っているもの
- motion
§08-12Content
文書の見出しを一覧にして脇に表示する。
文書の構成を一覧で掴み、読みたい節へすぐ飛べる。執筆中にも全体の流れを見渡せるので、長いドキュメントの編集画面に向く。
見出しから目次を生成し、IntersectionObserver で表示中の見出しを追ってハイライトする。リンクは #id への通常のアンカーにして履歴と共有に対応させる。