Añadir un espacio en blanco al final de la línea de Jade

Question

tengo este código jade:

p 
    | Avatar hosted by 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

El problema es, se vuelve a

<p>Avatar hosted by<a href="http://www.gravatar.com/" target="_blank">Gravatar</a></p> 

que se parece a: "Avatar organizada por Gravatar ".

No importa cuántos espacios haya agregado al final de la línea de texto, todavía se ve así. Los doctores no pudieron ayudarme, y no puedo imaginar que este sea un problema tan poco común.

Answer 1

Si no desea que las entidades HTML o HTML en línea en su código, esto es lo que puede hacer:

p 
    | Avatar hosted by 
    = ' ' 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

o esto es más corto es

p= 'Avatar hosted by ' 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

el más limpio es probable que este

p Avatar hosted by #{''} 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

Answer 2

edición:
Como jmar777 señaló, las versiones recientes de jade deben cumplir las espacios en blanco see here. Eso es increíble, y puedo probar jade nuevamente en proyectos futuros.

editar: Enlace actualizado a jade parser. Original link fue para jade 1.11.

Answer 3

¿Qué versión de jade estás usando? Acabo de probar (con 0.25.0) con un solo espacio después de 'por', y funcionó correctamente.

Otras opciones son:

p 
    | Avatar hosted by  
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

o

p 
    | Avatar hosted by 
    | <a href='http://www.gravatar.com/' target='_blank'>Gravatar</a> 

Answer 4

¿Estás seguro que no es su editor? Uso Komodo y estaba configurado para quitar espacios en blanco al guardar. Estaba eliminando el espacio al final de mi línea de texto cuando guardé el archivo. La falta de espacio entre mi texto y enlaces me estaba volviendo loco hasta que me di cuenta. Cambié las configuraciones de Komodo (Preferencias-> Editor-> Opciones de guardado) para desmarcar el espacio en blanco al final de la tira, y el problema desapareció.

Answer 5

Utilizo la variable space en la nueva línea. Esto:

p 
    | You must follow 
    =space 
    a(href=default_url) this link 

Answer 6

Jade ahora es compatible con la interpolación de etiquetas en línea.

p this is #[strong test] of how jade will treat #[i #[u inline tags]]... like #[a(href="/") anchor tags] and #[+a() mixins]. 

http://jade-lang.com/reference/interpolation/

Answer 7

Una solución rápida y limpia es utilizar esta sintaxis:

p 
    | Avatar hosted by 
    | 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

Observa el espacio después de | en la segunda línea de texto. Esto agregará un espacio en blanco después del texto de la línea anterior (¡y también arrojará un desagradable error si olvida agregarlo!).

Hasta ahora, esta es la opción más limpia, en mi opinión.

Answer 8

Estoy usando Harp, y el solution with two pipes de Óscar Gómez arroja un error, aunque parece muy elegante.

Gracias a Даниил Пронин y Sean Gravener, he encontrado estas soluciones de trabajo para mí:

#{' '}

!{' '}

y

= " "

p 
    | Avatar hosted by #{' '} 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

y

p 
    | Avatar hosted by 
    = ' ' 
    a(href='http://www.gravatar.com/', target='_blank') Gravatar 

Además, si usted está teniendo una especie de situación inversa: un fragmento de texto # {ref + [' ']}

Aquí hay más en la interpolación de sintaxis en Barro (Jade): https://pugjs.org/language/interpolation.html