如何摆脱 Haml & Ruby 呈现的 html 中的多余空格？答案

【问题标题】：How do I get rid of extra spaces in html rendered by Haml & Ruby?如何摆脱 Haml & Ruby 呈现的 html 中的多余空格？
【发布时间】：2015-06-02 07:03:47
【问题描述】：

我正在尝试格式化一个简单的句子，如下所示：

当我的haml看起来像这样时：

    %a{:href => "link", :target=> '_blank'} x,
    %a{:href => "link", :target=> '_blank'} y, 
    and
    %a{:href => "link", :target=> '_blank'} z.

我明白了

当我的haml看起来有点不同时::

    %a{:href => "link", :target=> '_blank'} x
    ,
    %a{:href => "link", :target=> '_blank'} y
    , and
    %a{:href => "link", :target=> '_blank'} z
    .

我明白了

...空格看起来不对。

我怎样才能让它看起来像我想要的那样？

我希望它看起来像

...逗号和句点不是链接，也没有奇怪的额外空格。

【问题讨论】：

使用 link_to 标记尝试，添加相同的答案
你知道这个技巧吗？ Whitespace removal.
你真的要在 y 后面加逗号吗？逗号和“和”没有意义
@AmitBadhekaPykihStaff：en.wikipedia.org/wiki/Serial_comma
Haml 不太擅长这种事情，请参阅haml.info/docs/yardoc/file.FAQ.html#q-punctuation

标签： ruby haml

【解决方案1】：

试试这个，希望对你有帮助

= link_to "x", "Your-url",  target: "_blank"
,
= link_to "y", "Your-url",  target: "_blank"
= "and"
= link_to "z", "Your-url",  target: "_blank"

【讨论】：

谢谢，但不幸的是，当我尝试这样做时.. 我仍然得到逗号前不需要的空格。
请右键单击任何链接元素并在浏览器上检查它并检查标签的宽度

【解决方案2】：

你也可以试试下面的

= "<a href='link' target='_blank'>x</a>, <a href='link' target='_blank'>y</a> and <a href='link' target='_blank'>z</a>".html_safe

【讨论】：

谢谢！我会为明天保存 html 插入选项。如果我无法使用 @teoreda 的说明让 haml 做到这一点，我会试试这个。

【解决方案3】：

尝试编写如下链接：

= ("#{link_to('x', 'link', target: '_blank')}, #{link_to('y', 'link', target: '_blank')}, and #{link_to('z', 'link', target: '_blank')}.").html_safe

您也可以将'link'替换为root_path之类的链接，它会正常工作。

【讨论】：

【解决方案4】：

我有类似的问题，你可以试试 Helpers#succeed

例如

= succeed ',' do
  %a{:href=>"link"}x
= succeed ',' do
  %a{:href=>"link"}y

【讨论】：

我之前给出了这个解决方案...您应该在回答之前阅读其他解决方案...
您在我输入此解决方案时编辑了旧的、完全不同的给定解决方案。不可能知道:)

【解决方案5】：

编辑由于我的误解，我给了你一个不正确的解决方案，这可能是你需要的：

你应该使用

成功

来自haml helper:

= succeed ',' do
 %a{:href => "link", :target=> '_blank'}x
= succeed ',' do
 %a{:href => "link", :target=> '_blank'}y
= succeed '.' do
 %a{:href => "link", :target=> '_blank'}z

【讨论】：

...但是逗号将是链接，对吗？我不希望它们成为链接。
哦等等……大括号后面没有空格。试试看。
我仍然需要逗号不是链接，我知道的唯一方法是将它们放在下一行..这会增加它们周围的空间。
我会试试的。我还更新了问题以添加插图。