What about Line Breaks in Jade?
The cleanest and easiest solution is to use the style attribute white-space: pre;
eg:
.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.
I figured it out. Just go ahead and throw a good ol' fashioned <br />
tag in there. You'll be golden : )
p
|hey this is my <br />
|broken paragraph!
UPDATE: Jade now supports using just br
for line breaks.
This doesn't seem to be an answer, so:
You can also do it by adding inline br
tags using Jade/Pug's inline tag format, e.g.:
p.
Some text on the first line.#[br]
Some text on the second line.
Produces:
<p>Some text on the first line.<br>
Some text on the second line.
</p>
so that you're aware.. if you're pulling this information.. say from an SQL database where you've already manually entered in line breaks (say in a textarea of a form) you can do the following on the server to your output
var contentParse = function(content){
content = content.replace(/\n?\r\n/g, '<br />' );
return content;
};
and then in jade use
!{content}
the ! lets jade know that you're inserting raw html into the variable you're trying to render out
source: https://github.com/visionmedia/jade#tag-text