WordPressを使わずに実装したい
現在の記事からh2タグh3タグを取得してきて、自動で目次を作成する機能を作りたいです。
(WordPressを使用すれば、作成する事ができました。)
WordPress
1function add_index($content){ 2 if (is_single()) { 3 $pattern = '/<h[1-6]>(.+?)</h[1-6]>/s'; 4 preg_match_all($pattern, $content, $elements, PREG_SET_ORDER); 5 6 if (count($elements) >= 1) { 7 $toc = ''; 8 $i = 0; 9 $currentlevel = 0; 10 $id = 'chapter-'; 11 12 foreach ($elements as $element) { 13 $id .= $i + 1; 14 $replace_title = preg_replace('/<(h[1-6])>(.+?)</(h[1-6])>/s', '<$1 id="' . $id . '">$2</$3>', $element[0]); 15 $content = str_replace($element[0], $replace_title, $content); 16 17 if (strpos($element[0], '<h2') !== false) { 18 $level = 1; 19 } elseif (strpos($element[0], '<h3') !== false) { 20 $level = 2; 21 } elseif (strpos($element[0], '<h4') !== false) { 22 $level = 3; 23 } elseif (strpos($element[0], '<h5') !== false) { 24 $level = 4; 25 } elseif (strpos($element[0], '<h6') !== false) { 26 $level = 5; 27 } 28 29 while ($currentlevel < $level) { 30 if ($currentlevel === 0) { 31 $toc .= '<ol class="index__list">'; 32 } else { 33 $toc .= '<ol class="index__list_child">'; 34 } 35 $currentlevel++; 36 } 37 38 while ($currentlevel > $level) { 39 $toc .= '</li></ol>'; 40 $currentlevel--; 41 } 42 43 // 目次の項目で使用する要素を指定 44 $toc .= '<li class="index__item"><a href="#' . $id . '" class="index__link">' . $element[1] . '</a>'; 45 $i++; 46 $id = 'chapter-'; 47 } // foreach 48 49 // 目次の最後の項目をどの要素から作成したかによりタグの閉じ方を変更 50 while ($currentlevel > 0) { 51 $toc .= '</li></ol>'; 52 $currentlevel--; 53 } 54 55 $index = '<div class="single__index index" id="toc"><div class="index__title">目次<button class="index__button">閉じる</button></div>' . $toc . '</div>'; 56 $h2 = '/<h2.*?>/i'; 57 58 if (preg_match($h2, $content, $h2s)) { 59 $content = preg_replace($h2, $index . $h2s[0], $content, 1); 60 } 61 } 62 } 63 return $content; 64} 65add_filter('the_content', 'add_index');
WordPressはPHPで書かれているので、PHP単体でも実装できるのではと考えています。
できるかできないかだけでも教えて欲しいです。