2015-06-02 53 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