在Jade的行尾添加一个空格

Question

我有这个玉代码:

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

问题是,它被渲染到了

<p>Avatar hosted by<a href="http://www.gravatar.com/" target="_blank">Gravatar</a></p>

其外观如下:"由Gravatar主持的阿凡达".

无论我在文本行的末尾添加了多少空格,它仍然看起来像这样.Docs无法帮助我,我无法想象这是一个不常见的问题.

Answer 1

如果您不想在代码中使用内联HTML或HTML实体,则可以执行以下操作:

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

或者这是更短的

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

最干净的可能就是这个

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

Answer 2

你使用的是哪个版本的玉？我刚刚在'by'之后用一个空格测试(用0.25.0),并且它工作正常.

其他选择是:

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

要么

p
    | Avatar hosted by
    |  <a href='http://www.gravatar.com/' target='_blank'>Gravatar</a>

Answer 3

Jade现在支持内联标签的插值.

p this is #[strong test] of how jade will treat #[i #[u inline tags]]... like #[a(href="/") anchor tags] and #[+a() mixins].

http://jade-lang.com/reference/interpolation/

Answer 4

你确定这不是你的编辑吗？我使用Komodo并设置为在保存时去除尾随空格.当我保存文件时,它正在剥离文本行末尾的空格.我的文字和链接之间缺乏空间让我疯狂,直到我想出来.我更改了Komodo的设置(首选项 - >编辑器 - >保存选项)以取消选中条带拖尾空格,问题就消失了.