Problème avec la mise en forme du bloc de code dans Discourse – texte en rouge et mise en évidence indésirable

Soutien
21

N’est-ce pas exactement à quoi cela ressemble dans votre image Discourse ? (Sauf que dans votre éditeur, import et as sont en gras)

22

Salut Alex,

Je pense que @Moin a la bonne idée : je constate que certains styles sont appliqués aux blocs de code qui semblent provenir du CSS/HTML personnalisé du thème.

Cette image montre un écran d'ordinateur affichant un éditeur de code avec un script Python qui comprend diverses importations et définitions de fonctions. (Légendé par l'IA)
Cette image montre un écran d'ordinateur affichant un éditeur de code avec un script Python qui comprend diverses importations et définitions de fonctions. (Légendé par l'IA)1294×322 62 KB

Je pense que cette ligne (font-family: Consolas;) pourrait être supprimée sans risque car elle surcharge les styles existants qui utilisent la même police mais spécifient également des options de secours :

code, pre {
    font-family: var(--d-font-family--monospace);
}

:root {
    --d-font-family--monospace: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

Peut-être que votre ordinateur n’est pas capable d’afficher Consolas et se rabat simplement sur la police par défaut (non-monospace). Vous pouvez vérifier ici pour voir si ce CSS est présent :

1096×960 69.4 KB

1 « J'aime »
24

Ah, je viens de remarquer que nous avons également un composant de thème officiel pour personnaliser l’apparence des blocs de code :

25

Je pense que c’était probablement le problème, mais je ne l’ai pas vérifié. J’ai fini par changer de thème et cela a résolu le problème. Merci à tous pour vos suggestions ! Et merci encore, Bryce, d’avoir trouvé le composant de thème pour personnaliser l’apparence des blocs de code.

1 « J'aime »