Problema con la formattazione del blocco di codice in Discourse – testo rosso e evidenziazione indesiderata

Supporto
21

Non è esattamente come appare nell’immagine di Discourse? (Tranne che nel tuo editor import e as sono in grassetto)

22

Ciao Alex,

Penso che @Moin abbia la giusta idea: sto vedendo alcuni stili applicati ai blocchi di codice che sembrano provenire da CSS/HTML personalizzato nel tema.

Questa immagine mostra uno schermo di computer che visualizza un editor di codice con uno script Python che include varie importazioni e definizioni di funzioni. (Sottotitolato dall'IA)
Questa immagine mostra uno schermo di computer che visualizza un editor di codice con uno script Python che include varie importazioni e definizioni di funzioni. (Sottotitolato dall'IA)1294×322 62 KB

Penso che questa riga (font-family: Consolas;) possa essere rimossa in sicurezza poiché sovrascrive questi stili esistenti che utilizzano lo stesso font ma specificano anche opzioni di fallback:

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;
}

Forse il tuo computer non è in grado di visualizzare Consolas e sta semplicemente ricorrendo al font predefinito (non monospace). Puoi controllare qui per vedere se quel CSS è presente:

1096×960 69.4 KB

1 Mi Piace
24

Ah, ho anche appena notato che abbiamo un componente tema ufficiale per personalizzare l’aspetto dei blocchi di codice:

25

Penso che questo fosse probabilmente il problema, ma non l’ho verificato. Alla fine ho cambiato tema e questo ha risolto il problema. Grazie a tutti per i vostri suggerimenti! E grazie ancora, Bryce, per aver trovato il componente del tema per personalizzare l’aspetto dei blocchi di codice.

1 Mi Piace