TOC не работает при обёртывании в HTML-теги

Поддержка
1

Ещё один вопрос. Я добавил дополнительный div к посту. Теперь это выглядит так:

<div data-theme-toc="true"></div>
<div data-theme-profile="manual">
## Глава 1
## Глава 2
</div>

Но в этом случае TOC не отображается. Как это исправить?

2

Я не знаю вашей цели, но вы можете нацеливаться на заголовки несколькими способами.

  1. Используйте HTML-теги заголовков с атрибутами data, например <h1 data-header-1>Глава 1</h1>, чтобы вы могли нацеливаться на [data-header-1] с помощью CSS.

  2. Вставьте пустой div с атрибутом data в определённом месте, который можно использовать для нацеливания на следующие элементы. Например, разместите <div data-next-titles></div> после второго заголовка и добавьте следующий CSS:

    [data-next-titles] ~ .d-toc-post-heading {
    color: pink;
}

    Это приведёт к следующему результату:

    image
    image730×725 32.4 KB

Так что всё зависит от вашей цели.
Этот гид может оказаться полезным: Customize posts' contents with your own styles