Add a whitespace at the end of the line in Jade

express, node.js, pug

Solution

If you don't want inline HTML or HTML entities in your code this is what you can do:

p
    | Avatar hosted by
    =  ' '
    a(href='http://www.gravatar.com/', target='_blank') Gravatar

or this is is shorter

p= 'Avatar hosted by '
    a(href='http://www.gravatar.com/', target='_blank') Gravatar

The cleanest is probably this

p Avatar hosted by #{''}
    a(href='http://www.gravatar.com/', target='_blank') Gravatar

Problem

I have this jade code: ``` p | Avatar hosted by a(href='http://www.gravatar.com/', target='_blank') Gravatar ``` The problem is, it's rendered to ``` <p>Avatar hosted by<a href="http://www.gravatar.com/" target="_blank">Gravatar</a></p> ``` Which looks like: "Avatar hosted byGravatar". No matter how many spaces I added at the end of the text line, it still looks like this. The Docs couldn't help me, and I can't imagine this to be such an uncommon problem.

Original source