本文へ移動

§08-13Content

Reader mode

装飾や広告を除いて本文だけを読みやすく表示する。

長文を集中して読めるようになる。記事中心のサイトや、外部ページを取り込んで表示する機能で読みやすさを担保したいときに使う。

実装のポイント

本文の抽出は article や main を起点に、リンク密度の高いブロックを除外して行う。表示側は max-w-prose と行間・フォントサイズの調整だけで読みやすくなる。

特徴
  • 状態管理
デモで使っているもの
  • shadcn/ui
  • lucide-react