La table des matières ne fonctionne pas lorsqu'elle est encapsulée avec des balises HTML

Soutien
1

Autre question. J’ai ajouté un div supplémentaire à l’article. Maintenant, cela ressemble à ceci :

<div data-theme-toc="true"></div>
<div data-theme-profile="manual">
## Chapitre 1
## Chapitre 2
</div>

Mais le sommaire n’est pas visible dans ce cas. Comment peut-on le corriger ?

2

Je ne connais pas votre objectif, mais vous pouvez cibler les titres de plusieurs manières.

  1. Utilisez des balises de titre HTML avec des attributs data-, tels que <h1> pour pouvoir cibler [data-header-1] avec CSS.

  2. Insérez une div vide avec un attribut data- à un moment donné, que vous pouvez utiliser pour cibler les éléments suivants. Par exemple, en plaçant après le 2ème titre et en ajoutant ce CSS :

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

    Cela donnera ceci :

    image
    image730×725 32.4 KB

    Donc, cela dépend vraiment de votre objectif.
    Ce guide pourrait vous être utile : Customize posts' contents with your own styles