ブログで、記事内のH1～H6タグを拾って目次を自動生成し、記事上部に表示させたいのですが、原理がわからずうまくいきません。
［目的］
記事内部の各項目に直接ジャンプできる目次を、記事内上部もしくは任意のサイドバープラグインに表示。
その際の目次取得対象はH1～H6タグで括った部分で、可能であればインデント等により階層も視覚化させたい。
例えば…
H2 大見出し（1）
H3 （1） - 項目a
H3 （1） - 項目b
H2 大見出し（2）
H3 （2） - 項目c
タグ自体はH1～H6すべてを使うわけではありませんが、後々のことも考えて全対応にしておきたいと考えています。
［疑問点］
目次自体の作成は可能とわかったのですが、これを同一記事内の任意箇所に表示させることはできるのでしょうか？
また、サンプルのscriptやcssをブログテンプレート側にコピー&ペーストしてテストするにも、肝心の記事内に記載すべきHTMLタグ（目次表示用）をどのような規則に基づいて表記すべきかわかりません。
主な編集方法は…
・script
ブログテンプレートHTML内
の間に配置。
・css
ブログテンプレートのcssに追記。
・HTML
記事本文の任意の箇所に配置。
でよろしいのでしょうか？
また、目次表示用のHTMLコードをに埋め込むように指示しているところもありますが、そういった場合は記事本文にを改めて適用しなければならないのでしょうか？
厚かましいお願いですが、あまり細かいところでご指摘いただいてもお手数を掛けるばかりなのでとりあえず…
［JQueryで使用するtoc.jsのコード］
［テンプレートに埋め込むscirptのコードと記載方法］
［テンプレートに埋め込むcssのコード］または［toc.css］
を記載していただけますと非常に助かります。
↧