Display a string with \n in Jade

Question

I need to display a string containing \n using Jade and I want to convert those characters in <br>. I tried to do that in two ways:

- var s = 'text\nand\ntext';
p= string
p= string.replace(/\n/g, '<br />')

But in the first case I can't see spaces and with the second paragraph the HTML is escaped.

score 2 · Answer 1 · answered Nov 23 '12 at 18:12

2

use != instead of =

p!= string.replace(/\n/g, '<br />')

see the docs for more infos

answered Nov 23 '12 at 18:12

zemirco

16,171
8
62
96

but in that way if `string` contains, for instance, a ` – Gio Polvara Nov 23 '12 at 18:25
isn't that what you want? you can also use - var html = "" | !{html} – zemirco Nov 23 '12 at 18:49
I want to convert \n in
but the `html` var in your example should be rendered as `<script></script>` – Gio Polvara Nov 26 '12 at 09:16

score 0 · Accepted Answer · answered Nov 26 '12 at 09:25

0

I solved it liked this:

- var text = '<script></script>\nhi';
p!= text.replace(/</g, "&lt;").replace(/>/g, '&gt;').replace(/\n/g, '<br />')

It doesn't escape html special characters but since I'm using <meta charset="utf-8"> it shouldn't be a problem.

answered Nov 26 '12 at 09:25

Gio Polvara

23,416
10
66
62

Is the text supplied by a user? If so, you may need to worry about [XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). User input should always be escaped. Otherwise they could do something malicious like inputting ``. Here's a [question](http://stackoverflow.com/q/3705356/1181886) that should get you started. If the text is safe, then disregard the above :) – Ryan Endacott Jul 11 '13 at 15:12

Jaxon · Answer 3 · 2013-07-13T23:39:18.463

This was my solution:

    p
      striped = body.replace(/\r/g, '')
      paragraph = body.split(/\n{2,}/g)
      if paragraph.length
        each para in paragraph
          | <p>
          line = para.split(/\n/g)
          first = line.shift()
          | #{first}
          each li in line
            | <br />
            | #{li}
          | </p>

I throw away \r's and split on 2 or more \n's. If that results in a non-empty array, I loop the array and add a beginning <p> tag. Any lines with a single \n are split and looped with <br> tags, then it ends with a </p> tag. Lather, rinse, repeat. Bonus: strings are rendered properly escaped.

Jade is awesome! (as is regex)

Display a string with \n in Jade

3 Answers3