¿Dónde está regulado el espacio en blanco significativo en pandoc/markdown?

Question

Estoy usando pandoc para convertir algunos documentos de rebajas a .html a través de un archivo css personalizado.

Todo funciona, excepto una cosa. Por lo que entiendo, el texto en backticks `` debe ser un espacio en blanco significativo, ya que generalmente es código interno. En mi caso, no es - en otras palabras, simplemente se parece a otro texto ordinario.

Me interesa saber dónde está eso regulado en pandoc, o en un archivo css personalizado, ¿qué atributo css regula si el espacio en blanco debe ser significativo?

Answer 1

Pandoc colocará el texto entre los palos de atrás dentro de las etiquetas HTML <code>. Los espacios en blanco iniciales y finales se ignoran (como en Markdown.pl), pero se conservan los espacios internos. Las líneas nuevas se tratan como espacios. Compruebe la fuente HTML para asegurarse de tener las etiquetas <code>. Si no lo hace, entonces probablemente haya un problema con su fuente de descuento. También verifique para asegurarse de que no está enlazando a CSS que anula la configuración predeterminada para las etiquetas <code>.

Answer 2

La propiedad CSS que está buscando es white-space.

que estaba teniendo el mismo problema, y ​​fue debido a esto css:

pre { 
    white-space: pre-line; 
} 

solucionarlo añadí white-space: pre-wrap; a la code regla:

code { 
    font-family: "Menlo", "Courier New", "Courier", monospace; 
    font-size: 0.85rem; 
    border: 0.0625rem solid rgba(255,255,255,0.7); 
    background-color: rgba(255,255,255,0.5); 
    border-radius: 2px; color: #2DAB5F; /* #2DAB5F */ 
    text-shadow: none; 
    white-space: pre-wrap; 
} 

se puede ver toda la white-space options here.

Los dos es probable que estés interesado en son:

pre: El espacio en blanco se conserva por el navegador. El texto solo se ajustará a los saltos de línea. Actúa como la etiqueta en HTML

pre-wrap: El espacio en blanco se conserva en el navegador. El texto se ajustará cuando sea necesario y en los saltos de línea

El css que estoy utilizando tiene un ancho máximo, por lo que no es raro que ocurra el ajuste de línea. Preferí pre-wrap, que se ajusta a las palabras, a diferencia de pre, que se ajustará a la mitad de una palabra.