Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

What about Line Breaks in Jade?

I'm pretty sure that this is a no-brainer but I didn't find any snippet of sample code. What's the best way to insert line breaks (aka the good ol' br/)?

As far as I can see if I put a "br" at the beginning of an empty line, it is rendered as <br/> but if I have to show several lines of text, the resulting code is quite verbose:

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

Is there a better way to solve this? (incidentally I'm asking for the same thing with the image tag...)

Answer*

robustly with a div per line:

 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.

or simply with a pre:

style 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.

Draft saved

Draft discarded

Edit Summary*

Cancel

8

not to nitpick, but according to a strict doctype, p tags can only contain inline elements, so your first example may not pass validation, depending on the doctype.

Russell Leggett
– Russell Leggett

2011年03月31日 14:22:02 +00:00
Commented Mar 31, 2011 at 14:22

Add a comment |

How to Edit

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

How to Format

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

How to Tag

A tag is a keyword or label that categorizes your question with other, similar questions. Choose one or more (up to 5) tags that will help answerers to find and interpret your question.

complete the sentence: my question is about...
use tags that describe things or concepts that are essential, not incidental to your question
favor using existing popular tags
read the descriptions that appear below the tag

If your question is primarily about a topic for which you can't find a tag:

combine multiple words into single-words with hyphens (e.g. python-3.x), up to a maximum of 35 characters
creating new tags is a privilege; if you can't yet create a tag you need, then post this question without it, then ask the community to create it for you

popular tags »

lang-js

CollectivesTM on Stack Overflow

What about Line Breaks in Jade?

Answer*