Espacios en blanco adicionales en valores HTML procesados ​​con Jade

Question

Cada vez que escribo mi código HTML en Jade, obtengo espacios en blanco adicionales después del valor de cada elemento.

Por ejemplo, voy a tener una línea como esta en mi plantilla Jade:

label(for="keyword") Keyword 

Y cuando se rindió, la fuente se verá así:

<label for="keyword_1">Keyword 
      </label> 

encontramos con algunos problemas con ese espacio en blanco extra con mi CSS. Además, simplemente no se ve tan ordenado :)

¿Alguien sabe cómo puedo evitar que se inserte?

Answer 1

Comprobar la actualización en la parte inferior

supongo que está utilizando express - comprobar la configuración de la aplicación.

app.set('view options', { pretty: false }) 

Si tiene jade representación en pretty modo (pretty: true) entonces será organizar su fuente generado (etiquetas) con sangría anidada. Desactivar la impresión bonita debería resolver su problema (aunque asegúrese de no tener espacio al final, como lo señala @alessioalex).

Si tiene un motivo que le obligue a generar un bonito formato (especificación del cliente, en mi caso), puede probar algunas otras cosas. Tuve un problema similar con la etiqueta textarea; frustrante porque el espacio en blanco se inyecta realmente en el contenido de la forma. La forma en que me dieron era en torno a este incrustar un literal del html con la etiqueta de cierre:

<textarea name="someField"></textarea> 

la docs le puede dar algunos detalles más (buscar html en este caso). Está abierto issue #341 en github que sugiere un enfoque como this one for scalate, pero actualmente no funciona en jade (a partir de la versión 0.19.0).

HTH

actualización

Ok - sutil y fresco ... hay una mejor manera de mantener la salida atractiva de pretty: true y evitar la separación interior de una etiqueta (mi textarea ejemplo) .. . Sólo traté añadiendo un . al final de la etiqueta (véase el código) y sólo funcionaba ™ :-)

form(name='frmname', method='POST') 
    textarea(name='someField'). 

Renders:

<form name="frmname" method="POST"> 
    <textarea name="someField"></textarea> 
</form> 

¡Belleza!

¿Por qué funciona esto? Porque jade trata el sufijo . en la etiqueta como indicador de que la etiqueta contendrá un bloque de texto (solamente) y, a continuación, no se proporciona ningún bloque de texto, por lo que tiene como valor predeterminado '', una cadena vacía.