node jade cli node.js pug

node.js - cli - ¿Qué hay de Line Breaks en Jade?



pug extends (10)

Estoy bastante seguro de que esto es obvio, pero no encontré ningún fragmento de código de muestra. ¿Cuál es la mejor manera de insertar saltos de línea (también conocido como el buen ol ''br /)?

Por lo que puedo ver si pongo un "br" al comienzo de una línea vacía, se representa como <br/> pero si tengo que mostrar varias líneas de texto, el código resultante es bastante detallado:

.poem p | Si chiamava Tatiana, la sorella… br | Noi siamo i primi, almeno lo crediamo br | Che un tale nome arditamente nella br | Cornice d’un romanzo introduciamo. br | E che dunque? E’ piacevole, sonoro. br | Lo so che a molti privo di decoro br | Apparirà, già fuori moda, e degno br | Piuttosto d’un ancella, certo segno, br | confessiamolo pur senza paura, br | di quanto s’è noialtri al gusto avversi br | nei nostri nomi (a non parlar di versi). |br br | Credemmo conquistare la cultura, br | e non ne abbiamo preso, in conclusione, br | che la ricerca dell’affettazione.

¿Hay una mejor manera de resolver esto? (De paso, estoy pidiendo lo mismo con la etiqueta de la imagen ...)

Dale un estilo a tu párrafo para mantener las líneas nuevas y termina la línea p con un punto:

.poem p(style="white-space: pre-line;"). Si chiamava Tatiana, la sorella… Noi siamo i primi, almeno lo crediamo Che un tale nome arditamente nella Cornice d’un romanzo introduciamo. E che dunque? E’ piacevole, sonoro. Lo so che a molti privo di decoro Apparirà, già fuori moda, e degno Piuttosto d’un ancella, certo segno, confessiamolo pur senza paura, di quanto s’è noialtri al gusto avversi nei nostri nomi (a non parlar di versi). Credemmo conquistare la cultura, e non ne abbiamo preso, in conclusione, che la ricerca dell’affettazione.

Esto no parece ser una respuesta, entonces:

También puede hacerlo agregando etiquetas br línea usando el formato de etiqueta en línea de Jade / Pug, por ejemplo:

p. Some text on the first line.#[br] Some text on the second line.

Produce:

<p>Some text on the first line.<br> Some text on the second line. </p>

La solución más limpia y fácil es usar el atributo de estilo white-space: pre; p.ej:

.poem p(style=''white-space:pre;'') | Si chiamava Tatiana, la sorella… | Noi siamo i primi, almeno lo crediamo | Che un tale nome arditamente nella | Cornice d’un romanzo introduciamo. | E che dunque? E’ piacevole, sonoro. | Lo so che a molti privo di decoro | Apparirà, già fuori moda, e degno | Piuttosto d’un ancella, certo segno, | confessiamolo pur senza paura, | di quanto s’è noialtri al gusto avversi | nei nostri nomi (a non parlar di versi). |br | Credemmo conquistare la cultura, | e non ne abbiamo preso, in conclusione, | che la ricerca dell’affettazione.

Me lo imaginé. Simplemente adelante y arroje una buena etiqueta antigua <br /> allí. Estarás dorado:)

p |hey this is my <br /> |broken paragraph!

ACTUALIZACIÓN : Jade ahora admite el uso de br solo para los saltos de línea.

Prueba esto:

- for(var i = 0; i < 10; i++) | hello | world

Pude hacer lo siguiente después de @haxxxton

app.use(function(req, res, next){ var contentParse = function (content){ content = content.replace(//n?/r/n/g, ''<br />'' ); return content; }; res.locals.contentParse = contentParse; next(); });

Por ejemplo, se puede usar en una plantilla de jade con la función p!= contentParse(post.description)

esto también funciona bien

div pre | this is line 1 | this is line 2

para que sepa ... si está extrayendo esta información ... digamos desde una base de datos SQL donde ya ha ingresado manualmente en saltos de línea (por ejemplo, en un área de texto de un formulario) puede hacer lo siguiente en el servidor para tu salida

var contentParse = function(content){ content = content.replace(//n?/r/n/g, ''<br />'' ); return content; };

y luego en jade

!{content}

el ! deja saber a jade que estás insertando html en bruto en la variable que intentas procesar

fuente: https://github.com/visionmedia/jade#tag-text

robustamente con un div por línea:

p.poem .line Si chiamava Tatiana, la sorella… .line Noi siamo i primi, almeno lo crediamo .line Che un tale nome arditamente nella .line Cornice d’un romanzo introduciamo. .line E che dunque? E’ piacevole, sonoro. .line Lo so che a molti privo di decoro .line Apparirà, già fuori moda, e degno .line Piuttosto d’un ancella, certo segno, .line confessiamolo pur senza paura, .line di quanto s’è noialtri al gusto avversi .line nei nostri nomi (a non parlar di versi). .line Credemmo conquistare la cultura, .line e non ne abbiamo preso, in conclusione, .line che la ricerca dell’affettazione.

o simplemente con un pre:

estilo pre.poem {font-family: ariel}

pre.poem Si chiamava Tatiana, la sorella… Noi siamo i primi, almeno lo crediamo Che un tale nome arditamente nella Cornice d’un romanzo introduciamo. E che dunque? E’ piacevole, sonoro. Lo so che a molti privo di decoro Apparirà, già fuori moda, e degno Piuttosto d’un ancella, certo segno, confessiamolo pur senza paura, di quanto s’è noialtri al gusto avversi nei nostri nomi (a non parlar di versi). Credemmo conquistare la cultura, e non ne abbiamo preso, in conclusione, che la ricerca dell’affettazione.