multiple lines of piped text

[dweldon]

p
  | foo
  | bar

Produces:

<p>foobar</p>

Which I don't think is correct. The native jade compiler produces:

<p>
  foo
  bar
</p>

It would be nice if a space or a newline could be added automatically. Currently, the workaround is to add extra indentation after the second pipe which is a little annoying. Can this be fixed?

[mquandalle]

Yes I think that's an issue (BTW I've not checked jade behavior in this case).

We should also consider the following notation:

p.
  foo
  bar

[DenisGorbachev]

👍 this really bugs me down. Could you please fix it? :)

[DenisGorbachev]

By the way, Spacebars parser leaves all whitespace intact. Can Jade parser do the same?

[mquandalle]

I'm currently abroad but I plan to work on this when I get back home. I'll just add a space between two consecutive children, but I'll not leave whitespace intact like in Spacebars. What is your use case to do that?

[DenisGorbachev]

Bootstrap:

            a.dropdown-toggle(href="#", data-toggle="dropdown")
              | {{currentUser.profile.name}}
              |  
              b.caret

Social buttons:

  .social
    .g-plusone(href="/" data-size="standard")
    |  
    a.twitter-share-button(href='https://twitter.com/share', data-size="large", data-related='priestIO') Tweet
    |  
    .fb-like.fb-button(data-layout='button_count', data-action='like', data-show-faces='true', data-share='false')

Bootstrap again:

              .col-lg-9.name
                h2
                  | #{name}
                  |  
                  small #{number}

I agree that leaving whitespace strictly as written in template is not a goal; a single space or newline between nodes will do.

[DenisGorbachev]

WooHoo! Works perfectly now.

Thank you, Maxime! :)

[mquandalle]

Released in 0.2.3.

[dweldon]

Thanks so much for fixing this! 😸