Haml: Kontrollieren Sie Leerzeichen um Text

In meiner Rails-Vorlage möchte ich mit HAML den endgültigen HTML-Code zu diesem Zweck erstellen:

I will first <a href="http://example.com">link somewhere</a>, then render this half of the sentence if a condition is met

Die Vorlage, die nahe kommt:

I will first
= link_to 'link somewhere', 'http://example.com'
- if @condition
  , then render this half of the sentence if a condition is met

Sie können jedoch feststellen, dass dadurch ein Leerzeichen zwischen dem Link und dem Komma entsteht. Gibt es eine praktische Möglichkeit, dieses Leerzeichen zu vermeiden? Ich weiß, dass es eine Syntax zum Entfernen von Leerzeichen um Tags gibt, aber kann dieselbe Syntax nur auf Text angewendet werden? Ich mag die Lösung von zusätzlichem Markup wirklich nicht, um dies zu erreichen.

Ein besserer Weg, dies zu tun, wurde über Hamls Helfer eingeführt:

umgeben

= surround '(', ')' do
  %a{:href => "food"} chicken

(<a href='food'>chicken</a>)

erfolgreich :

click
= succeed '.' do
  %a{:href=>"thing"} here

click
<a href='thing'>here</a>.

vorausgehen :

= precede '*' do
  %span.small Not really

*<span class='small'>Not really</span>

So beantworten Sie die ursprüngliche Frage:

I will first
= succeed ',' do
  = link_to 'link somewhere', 'http://example.com'
- if @condition
  then render this half of the sentence if a condition is met

I will first
<a href="http://example.com">link somewhere</a>,
then render this half of the sentence if a condition is met

Sie können dies auch mit Hamls Modifikator "Trim Whitespace" tun. Durch das Einfügen >nach einer Haml-Deklaration wird verhindert, dass Leerzeichen hinzugefügt werden:

I will first
%a{:href => 'http://example.com'}> link somewhere
- if @condition
  , then render this half of the sentence if a condition is met

produziert:

I will first<a href='http://example.com'>link somewhere</a>, then render this half of the sentence if a condition is met

Wie Sie jedoch sehen können, entfernt der >Modifikator auch das Leerzeichen vor dem Link und entfernt den gewünschten Abstand zwischen den Wörtern und dem Link. Ich habe noch keinen schönen Weg gefunden, außer  am Ende von "Ich werde zuerst" Folgendes hinzuzufügen :

I will first 
%a{:href => 'http://example.com'}> link somewhere
- if @condition
  , then render this half of the sentence if a condition is met

Was schließlich die gewünschte Ausgabe ohne viel schwer lesbare Interpolation erzeugt:

I will first&nbsp;<span><a href="http://example.com">link somewhere</a></span>, then render this half of the sentence if a condition is met

Okay, hier ist die Lösung, auf die ich mich einlasse:

Helfer

def one_line(&block)
  haml_concat capture_haml(&block).gsub("\n", '').gsub('\\n', "\n")
end

Aussicht

I will first
- one_line do
  = link_to 'link somewhere', 'http://example.com'
  - if @condition
    , then render this half of the sentence
    \\n
    if a condition is met

Auf diese Weise wird Leerzeichen standardmäßig ausgeschlossen, aber ich kann es trotzdem explizit in eine "\ n" -Zeile einfügen. (Es benötigt den doppelten Backslash, da HAML ihn ansonsten als tatsächlichen Zeilenumbruch interpretiert.) Lassen Sie mich wissen, ob es eine bessere Option gibt!

Sie können die 'Aligator-Syntax' von HAML verwenden

Leerzeichen entfernen:> und <

und <geben Ihnen mehr Kontrolle über das Leerzeichen in der Nähe eines Tags. > entfernt alle Leerzeichen, die ein Tag umgeben, während <alle Leerzeichen sofort innerhalb eines Tags entfernt. Sie können sich diese als Alligatoren vorstellen, die das Leerzeichen essen:> Gesichter aus dem Tag heraus und frisst das Leerzeichen außen und <Gesichter in das Tag und frisst das Leerzeichen innen. Sie werden am Ende einer Tag-Definition nach Klassen-, ID- und Attributdeklarationen, jedoch vor / oder = platziert.

http://haml.info/docs/yardoc/file.REFERENCE.html#whitespace_removal__and_

Ein Ansatz, den ich für diese Art von Dingen gewählt habe, ist die Verwendung der Zeichenfolgeninterpolation:

I will first #{link_to 'Link somewhere'}#{', then render this half of the sentence if a condition is met' if condition}

Ich mag das Aussehen der Literalzeichenfolge in der Interpolation nicht, aber ich habe es zuvor mit zuvor deklarierten Zeichenfolgen oder dynamisch generierten Zeichenfolgen verwendet.

Sie können dies tun, um den führenden Platz zu behalten:

%a{:href => 'http://example.com'}>= ' link somewhere'

Das Leerzeichen steht in Anführungszeichen.

Obwohl dies nicht gut dokumentiert ist, wird dies mithilfe der HAML-Leerzeichenerhaltung (>) in Kombination mit einem ASCII-Leerzeichen (& # 32;) und nicht mithilfe von Helfern sauber erreicht:

%a{:href=>'/home'}> Home link
,  
%a{:href=>'/page'} Next link

Dies wird produzieren, was Sie wollen:

<a href='/home'>Anchor text</a>,&#32;
<a href='/page'>More text</a>

Aber ich stimme zu, HAML muss einen besseren Weg finden, um dies zu tun, da es der Seite unnötige ASCII-Zeichen hinzufügt (aber es ist immer noch effizienter als die Verwendung von Helfern).

Es gibt die spitze Klammer "Whitespace Munching" -Syntax, andernfalls schreiben Sie eine Hilfsmethode dafür.

Ich bin auf ein ähnliches Problem gestoßen und habe es gefunden. Deshalb dachte ich, ich würde eine andere Lösung veröffentlichen, für die keine Hilfsmethode erforderlich ist. Verwenden Sie die Ruby-Interpolation # {}, um den Link und die if-Anweisungen zu verpacken:

I will first 
#{link_to 'link somewhere', 'http://example.com'}#{if true : ", then render this half of the sentence if a condition is met" end}

Dies funktioniert in 3.0.18, möglicherweise auch in früheren Versionen.

Noch eine Option, die ich in der Vergangenheit verwendet habe:

- if @condition
  %span> , then some more text after the link.

Sie könnten auch immer tun:

= link_to url_path do 
  = ["part_1", "part_2"].join(", ")

Die Lösung, die ich zum Arbeiten gebracht habe, ist:

I will first
= link_to 'link somewhere', 'http://example.com'
- if @condition
  = ", then render this half of the sentence if a condition is met"

Sie können verwenden =, =wird verwendet, um das Ergebnis des Rails-Codes auszugeben, aber hier wird der Zweck Server.

Die Konservierungsfunktion hat bei mir funktioniert

.white-space-pre= preserve "TEXT"