Estou encontrando um problema com a formatação de blocos de código no Discourse. Ao postar código Python, certas partes do código (como URLs e caminhos) estão sendo destacadas em vermelho ou formatadas inesperadamente, como mostrado na captura de tela abaixo:
Ao postar código Python usando três crases para blocos de código, partes específicas do texto (como sublinhados em URLs ou caminhos) estão sendo destacadas em vermelho ou mal formatadas.
Tentei escapar caracteres, usar entidades HTML e remover a realce de sintaxe não especificando a linguagem, mas o problema persiste.
Exemplo de Código
Aqui está um trecho do código que está causando problemas (Python):
Não estou familiarizado com o sistema de realce de sintaxe / configurações como um todo, mas se você quiser apenas se livrar do texto vermelho, pode usar CSS no tema do seu site:
code.language-python span {
color: inherit;
}
O vermelho é usado para indicar strings, então se você quisesse apenas mudar isso para uma cor diferente, poderia fazer algo assim:
Obrigado pela sua sugestão, @bryce! Tentarei ajustar o CSS no tema do nosso site para resolver o problema do texto vermelho.
Tentarei ajustar o CSS no tema do nosso site para resolver o problema do texto vermelho.
Acho que o principal problema é que a fonte na minha captura de tela original não está formatada para parecer código — falta o estilo de fonte monoespaçada que é tipicamente usado para blocos de código. Idealmente, eu esperava que o código aparecesse mais assim, com a fonte e a cor de fonte corretas:
Existe alguma maneira de garantir que o código seja exibido em uma fonte monoespaçada, semelhante à deste exemplo?
Além disso, não notei nenhum outro problema de formatação importante, mas continuarei testando e avisarei se algo mais surgir.
As cores de destaque podem ser alteradas substituindo estas variáveis CSS:
--hljs-comment: Usado para comentários de código
--hljs-number: Usado para valores numéricos no código
--hljs-string: Usado para valores de string no código
--hljs-literal: Usado para valores literais no código
--hljs-tag: Usado para tags HTML/XML
--hljs-attribute: Usado para atributos em tags HTML/XML
--hljs-symbol: Usado para símbolos no código
--hljs-bg: Usado para a cor de fundo dos blocos de código
--hljs-builtin-name: Usado para nomes de funções internas
Por exemplo, para substituir a cor da string:
:root {
--hljs-string: pink;
}
Parece que o hljs (a biblioteca de destaque usada) pode não suportar o destaque de identificadores Python como degirum em seu exemplo, mas você deve conseguir chegar bem perto alterando as outras cores.
Quanto à fonte, isso é estranho - os blocos de código devem aparecer com uma fonte monoespaçada por padrão. Sugiro verificar novamente seu tema para ter certeza de que nada está sendo substituído lá.
Apenas para esclarecer, estamos atualmente usando o tema Padrão sem componentes adicionais, então é estranho que a fonte monoespaçada não esteja sendo aplicada por padrão aos blocos de código. Não parece que nada a esteja substituindo.
Como referência, estou trabalhando no Chrome Versão 127.0.6533.100 no macOS 14.6.1.
A fonte parece correta e os links estão destacados como esperado. No entanto, ainda estou enfrentando o problema em nossa comunidade, onde a fonte não é exibida corretamente e os links não são destacados como deveriam.
Não tenho certeza por que essa discrepância está ocorrendo.
Como referência, aqui está o link para a página em nossa comunidade.
Obrigado a ambos por dedicarem tempo para me ajudar com isso. É bom saber que a fonte está aparecendo como monoespaçada para outras pessoas.
Como não está sendo exibida corretamente do meu lado, pode ser um problema específico da minha configuração ou ambiente. Para mim, ela está aparecendo incorretamente tanto no Chrome quanto no Safari (ambos em suas versões mais recentes). Ela também está aparecendo incorretamente para outras pessoas em minha organização em PCs.
Verifiquei agora de um computador pessoal e o problema persiste lá também. A fonte do código ainda não está sendo exibida como monoespaçada e os links não estão sendo destacados corretamente.
Isso parece descartar um problema com minha configuração principal, pois o problema é consistente em diferentes dispositivos.
Acabei de verificar no Modo de Segurança, e o problema parece ter sido resolvido lá — a fonte do código aparece como monoespaçada e os links são destacados corretamente.
Isso é confuso porque estamos usando o tema Padrão sem componentes adicionais, então não tenho certeza do que pode estar causando o problema no modo normal.
É o que eu esperaria. Essas strings estão em uma cor diferente para que você possa identificar rapidamente que são strings. Não é assim que aparece no seu editor de texto?
Acho que você só quer mudar o SiteSetting.default_code_lang para “text” ou “”. Há também uma configuração highlighted_languages. Tenho certeza de que aqui eles mudaram a linguagem de código padrão para algo como texto, então
Como estou gerenciando a comunidade, meu objetivo é poder vê-lo como os usuários finais deveriam vê-lo. Como você pode ver no lado direito, simplesmente não parece certo.
