Lorsque je crée des notes de bas de page dans l’éditeur de mon site, elles s’affichent comme ceci dans l’aperçu :
mais comme ceci
dans la publication. Est-ce… intentionnel ? Est-ce un comportement configurable ?
Il serait également agréable d’avoir la possibilité d’opter pour des notes de bas de page numérotées, dans différents styles, comme [1] ou 1 ou ①, ou même la séquence traditionnelle *, †, ‡, §, ‖, ¶, ou les couramment utilisés * ** *** ****.
Le plugin OP indique que celui avec \u003ckbd\u003e…\u003c/kbd\u003e est une expansion en ligne et peut être contrôlé par ce réglage :
Ah, merci. J’avais complètement raté ça, même si c’est juste là.
Ce que je veux vraiment, cependant, c’est le comportement numéroté mais avec une expansion en ligne, et éventuellement avec une chose de type « notes de bas de page » développable en bas.
Ce serait génial. Je trouve que le bouton d’élision … perturbe assez le texte et je préférerais beaucoup un exposant. Dans le volet d’aperçu de l’éditeur, la note de bas de page numérotée apparaît en bas et les deux étiquettes (en ligne et note de bas de page dans le pied de page) semblent être des hyperliens l’une vers l’autre - mais cela pourrait simplement être la référence label() dans le code du programme. La “note de bas de page en bas” (qui devrait être un cas de parole redondante mais ne l’est pas car nous avons mélangé Note en ligne et Note de bas de page avec cette fonction) utilise même un caractère de retour chariot ‘↩︎’ comme ancre de lien.
Je n’ai pas d’installation Discourse pour tester les paramètres, mais j’espère que désactiver display_footnotes_inline produira la note de bas de page APA standard.
La note en ligne a sa place et il n’y a pas de consensus sur dscuss.python.org quant à ce qui est préféré entre la note en ligne et la note de bas de page. Je les aime toutes les deux et j’aimerais les avoir, mais les notes en ligne laissent à désirer. Voici une liste que j’ai rassemblée pendant la discussion :
POUR : pratique ; cliquez dessus pour afficher.
CONTRE : vous ne pouvez pas simplement cliquer à nouveau pour masquer. Un mouvement de souris avant le clic est nécessaire (heureusement, le logiciel est très mutable).
NOTE DE BAS DE PAGE : La note de bas de page telle qu’elle est rendue dans le volet d’aperçu du message/post a des hyperliens qui semblent pouvoir être utilisés pour sauter rapidement et commodément à la note et revenir au corps. La note elle-même utilise même un caractère “retour” pour l’hyperlien.
POUR : pratique ; lisez la note in situ et passez à autre chose.
CONTRE : visuellement obstruant dans son implémentation actuelle.
Le graphique du bouton d’élision contraste considérablement avec le texte environnant et n’est pas esthétique (heureusement, le logiciel est très mutable - vous voyez le thème). L’élision pourrait être beaucoup plus petite et servirait toujours son objectif.
NOTE DE BAS DE PAGE : L’exposant de la note de bas de page est subtil, surtout avec le texte de l’hyperlien à faible contraste dans le thème sombre.
POUR : bon pour de courtes notes supplémentaires.
CONTRE : les longs passages recouvrent le texte et perturbent l’orientation du lecteur dans le paragraphe. Cela peut être déroutant, visuellement.
NOTE DE BAS DE PAGE : Comme les notes de bas de page sont effectivement une annexe, elles peuvent être longues sans perturber le “flux” du lecteur à travers le corps.
NOTE DE BAS DE PAGE : La note de bas de page présentée sur un fond propre/clair avec des marges tout autour est une présentation plus douce (moins bruyante) que la note contextuelle superposée au texte du message/post.
Un peu en retard pour la fête, mais pour afficher les numéros au lieu des points de suspension (tout en affichant toujours la note dans une infobulle), vous pouvez utiliser un petit extrait CSS :
.cooked.inline-footnotes {
counter-reset: foot-note;
}
.inline-footnotes a.expand-footnote {
text-decoration: none !important;
font-size: 0.77em;
vertical-align: super;
min-height: unset;
border: 1px solid var(--primary-medium);
padding: 0 0.4em;
vertical-align: super;
}
.inline-footnotes a.expand-footnote:before {
counter-increment: foot-note;
content: counter(foot-note);
}
.inline-footnotes a.expand-footnote svg {
display: none;
}
/* tout ce qui suit est une personnalisation supplémentaire */
#footnote-tooltip {
border: 1px solid var(--primary-medium);
}
#footnote-tooltip #arrow:before {
border-top: 1px solid var(--primary-medium);
border-left: 1px solid var(--primary-medium);
}
#footnote-tooltip[data-popper-placement^=bottom]>#arrow {
top: -6px !important;
}
Le résultat ressemble à ceci :
woah très cool @iamntz, je vais certainement l’utiliser 
Excellent travail. Je l’ai déployé sur mon forum et ça fonctionne à merveille !
