Blog Notion oopy : plugin personnalisé de table des matières flottante

Il s’agit d’une table des matières flottante pouvant être appliquée à un blog Notion oopy.

[Caractéristiques]

1. Elle reproduit à l’identique l’UI de la table des matières flottante qui apparaît à droite dans Notion. (à l’exception du popover qui s’affiche au survol)
2. Un clic sur l’indicateur permet de faire défiler la page / l’indicateur indique la position actuelle.

[Méthode d’installation]

1. Page d’administration oopy > modifier le HTML > ajouter la balise script ci-dessous dans body, puis enregistrer
2. <script src="https://roseline124.github.io/custom-js/…;
3. Vider le cache puis forcer le rechargement

[Différences avec le floating-toc d’oopy]

Il existe aussi une fonctionnalité expérimentale de floating-toc créée par oopy.
https://www.oopy.io/ko/guides/tips-and-tricks/floating-toc

Contrairement au floating-toc d’oopy, ce plugin personnalisé :

1. détecte les headings et les affiche via un indicateur même sans bloc table of contents.
2. fonctionne sur toutes les pages contenant des headings, sans configuration page par page.
3. le floating-toc affiche l’intégralité du texte des balises de heading, mais ce plugin, pour ne pas empiéter sur la zone de contenu, n’en montre que 4 à 6 caractères au survol de l’indicateur. (inconvénient)

[guseod24]

• Maintenant, le popover de Notion a lui aussi été reproduit à l’identique !