Парсим блоки Gutenberg в PHP. Создаём содержание из заголовков

parse_blocks( $content )

<!-- wp:paragraph -->
<p>К Gutenberg есть функция, позволяющая из обычного текста "распаковывать блок" в массив с параметрами. И это функция <code>parse_blocks()</code>.</p>
<!-- /wp:paragraph -->
 
<!-- wp:misha/code -->
<div class="wp-block-misha-code"><pre lang="php">parse_blocks( $content )</pre></div>
<!-- /wp:misha/code -->

Array
(
    [0] => Array
        (
            [blockName] => core/paragraph
            [attrs] => Array
                (
                )
 
            [innerBlocks] => Array
                (
                )
 
            [innerHTML] => 
<p>К Gutenberg есть функция, позволяющая из обычного текста "распаковывать блок" в массив с параметрами. И это функция <code>parse_blocks()</code>.</p>
 
            [innerContent] => Array
                (
                    [0] => 
<p>К Gutenberg есть функция, позволяющая из обычного текста "распаковывать блок" в массив с параметрами. И это функция <code>parse_blocks()</code>.</p>
 
                )
 
        )
 
    [1] => Array
        (
            [blockName] => 
            [attrs] => Array
                (
                )
 
            [innerBlocks] => Array
                (
                )
 
            [innerHTML] => 
 
 
            [innerContent] => Array
                (
                    [0] => 
 
 
                )
 
        )
 
    [2] => Array
        (
            [blockName] => misha/code
            [attrs] => Array
                (
                )
 
            [innerBlocks] => Array
                (
                )
 
            [innerHTML] => 
<div class="wp-block-misha-code"><pre lang="php">parse_blocks( $content )</pre></div>
 
            [innerContent] => Array
                (
                    [0] => 
<div class="wp-block-misha-code"><pre lang="php">parse_blocks( $content )</pre></div>
 
                )
 
        )
 
)

/**
 * @snippet       Создание содержания из заголовков в Gutenberg
 * @author        Миша Рудрастых
 * @url           https://misha.agency/gutenberg/parse_blocks.html
 */
// сначала вынесу отдельную функцию, которая поможет нам получить ID из тегов заголовка
function truemisha_get_id_from_h_tag( $html_string, $heading_lvl = 'h2' ) {
 
	$doc = new DOMDocument();
	$doc->loadHTML( $html_string );
	$tags = $doc->getElementsByTagName( $heading_lvl );
	return $tags[0]->getAttribute('id');
 
}
 
// окей сначала парсим функцией контент текущей записи
global $post;
$blocks = parse_blocks( $post->post_content );
 
// в этот массив будем записывать заголовки
$headings = array();
 
// запускаем массив блоков в цикле
foreach( $blocks as $block ) {
 
	// если это блок-заголовок, то добавляем его в общий массив
	if( 'core/heading' === $block[ 'blockName' ] && empty( $block[ 'attrs' ][ 'level' ] ) ) {
		if( $id = truemisha_get_id_from_h_tag( $block[ 'innerHTML' ] ) ) {
			$headings[ $id ] = wp_strip_all_tags( $block[ 'innerHTML' ] );
		}
	}
 
}
 
// окей, у нас есть массив всех заголовков! 
if( ! empty( $headings ) ) {
	echo '<ol class="table-of-contents">';
	foreach( $headings as $id => $text ) {
		echo '<li><a href="#' . $id . '">' . $text . '</li>';
	}
	echo '</ol>';
}