2015-06-02 48 views
3

我试图格式化一个简单的句子,上面写着这样的:如何摆脱由Haml&Ruby提供的HTML中的额外空间?

want

当我的HAML看起来是这样的:

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

我得到

undesired link on comma

当我的哈姆看起来有点不同::

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

我得到

enter image description here

...和空间看上去是错误的。

如何让它看起来像我想要的样子?

我希望它看起来像

want

...用逗号和周期没有被链接并没有怪异的多余的空格。

+0

尝试使用link_to标记,添加同样的答案 –

+0

你知道这个把戏吗? [删除空白](http://haml.info/docs/yardoc/file.REFERENCE.html#whitespace_removal__and_)。 – zwippie

+0

y之后你真的想要逗号吗?逗号和'和'没有意义 –

回答

-1

编辑由于我的误会,我给你一个不正确的解决方案,这可能是你所需要的:

您应该使用

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 
+0

.. 。但是,逗号将链接,对不对?我不希望他们成为链接。 – pixelfairy

+0

哦,等待......没有支架后的空间。尝试它。 – pixelfairy

+0

我仍然需要逗号不成为链接,我知道的唯一方法就是将它们放在下一行......这会在它们周围增加空间。 – pixelfairy

0

试试这个,我希望这将有助于

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

谢谢,但不幸的是,当我尝试这一点..我仍然在逗号之前得到不需要的空间。 – pixelfairy

+0

请右键单击任何链接元素并在浏览器中检查它并检查标签的宽度 –

0

你可以尝试以下方法,以及

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

谢谢!我将为明天保存html插入选项。如果我不能使用@teoreda的指示来解决问题,我会试试这个。 – pixelfairy

0

尝试写的链接,如:

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

您也可以替换“链接'像root_path链接,它会正常工作。

0

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

例如

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

我之前给出了这个解决方案......您应该在回答之前阅读其他解决方案... – teoreda

+1

您在输入此解决方案时编辑了较老的,完全不同的给定解决方案。不知道:) – SirLenz0rlot

+0

你是对的! :-) – teoreda