← Tous les exemples

JavaScript Navigation notion.so

Afficher le plan des titres

Récupère tous les titres de la page et les affiche en plan indenté dans une fenêtre.

Code à copier

(function () {
  try {
    var heads = document.querySelectorAll('.notion-page-content .notion-header-block, .notion-page-content .notion-sub_header-block');
    if (!heads.length) { alert('No headings found on this page.'); return; }
    var lines = [];
    heads.forEach(function (h) {
      var pad = h.classList.contains('notion-sub_header-block') ? '  ' : '';
      var t = (h.innerText || '').trim();
      if (t) lines.push(pad + '- ' + t);
    });
    alert('Page outline:\n\n' + lines.join('\n'));
  } catch (e) { alert('Could not build outline: ' + e.message); }
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage