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

pug extends

Question

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 ...)

Answer 1

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.

Answer 2

En caso de que no haya utilizado el filtro anual en la primera búsqueda: Cómo agregar una etiqueta br con Jade HTML

Coloque el texto en una nueva línea con un | | anterior

p first line
br
| second line

Answer 3

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>

Answer 4

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.

Answer 5

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.

Answer 6

Prueba esto:

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

Answer 7

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)

Answer 8

esto también funciona bien

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

Answer 9

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

Answer 10

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.