Anleitung: Twig-Filter verwenden

In Drupal 8 ersetzt Twig PHPTemplate als Standard-Template-Engine. Twig, oft als moderne Template-Engine für PHP bezeichnet, trägt dazu bei, Websites schnell, flexibel und sicher zu machen. Außerdem sorgt es für einen übersichtlichen Code, der die spätere Wartung erleichtert.

In diesem Artikel werden wir Folgendes verstehen:

• Was ist ein Twig-Filter?
• Drupal-spezifische Twig-Filter
• Andere Twig-Filter

Was ist ein Twig-Filter?

In manchen Fällen müssen wir als Redakteure den Wert einer Twig-Variable bearbeiten. Variablen in Twig können mithilfe von Twig-Filtern geändert werden. Filter werden einfach durch ein Pipe-Symbol ( | ) von Variablen getrennt. Um einen Twig-Filter anzuwenden, müssen wir lediglich das ( | ) gefolgt vom Filternamen anwenden.

Twig verfügt über viele integrierte Filter, und Drupal hat eine Vielzahl von eigenen Filtern. Wir können mehrere Filter verketten, wobei die Ausgabe eines Filters auf den nächsten angewendet wird. 

Drupal-spezifische Twig-Filter

Wir können auch unsere eigenen Filter erstellen. In Drupal gibt es einige spezifische Twig-Filter, wie z. B.:
Beginnen wir mit 

Übersetzungsfilter 

• Platzhalter-Filter

Drupal bietet vordefinierte Platzhalter-Filter. Hier ist eine Anleitung zur Anwendung von Platzhalter-Filtern für ein besseres Verständnis. Beschreiben Sie zunächst eine Variable in unserer .theme-Datei.

Wir werden das Frontpage-Twig für Erklärungszwecke verwenden. 

Der Screenshot unten stammt aus der .theme-Datei. Ich habe eine Variable "author" definiert und diese Variable hat den Wert "John Doe".

Im Frontpage-Twig werden wir diese Variable verwenden und den Platzhalter-Filter anwenden. 

Im obigen Screenshot folgt auf die Variable das Pipe-Symbol ( | ), das als Trennsymbol zwischen Variable und Filter verwendet wird. Überprüfen wir die Ausgabe dieses Twigs.

Aus der obigen Ausgabe können wir ersehen, dass der Platzhalter-Filter erfolgreich angewendet wurde.

Weiter geht es mit den zusätzlichen Filtern. 

Zusätzliche Filter

• Clean Class Filter

Dies sind sehr nützliche Filter aus Theming-Perspektive und werden oft verwendet. Wie der Name schon sagt, bereinigen diese Filter die CSS-Klassenformate. Wenn es beispielsweise Unterstriche ( _ ) gibt, werden diese in Bindestriche ( - ) umgewandelt, wenn wir einen Clean Class Filter verwenden.

Sehen wir uns an, wie dieser Filter tatsächlich funktioniert:

Im obigen Screenshot habe ich eine Variable in meiner ( .theme ) Datei beschrieben. Die Variable "myclass" hat den Wert "large_area". Ich habe absichtlich einen Unterstrich verwendet, um zu überprüfen, wie der Clean Class Filter funktioniert. 

Fall 1

Verwendung des Clean Class Filters.

In block.html.twig werden wir die Variable "myclass" mit angewendetem Clean Class Filter verwenden.

Genau wie im obigen Bild setzen wir das Attribut classes twig, da die Variable "myclass" zusammen mit einem Clean Class Filter verwendet wird.

Im obigen Screenshot können wir sehen, dass der Clean Class Filter erfolgreich angewendet wurde und 
Das Unterstrich-Symbol wurde in ein Bindestrich-Symbol umgewandelt.

Fall 2

Wenn kein Clean Class Filter verwendet wird.

Nun wird der Filter aus der Variable "myclass" entfernt. Werfen wir einen Blick auf die Ausgabe dieses Twigs.

Die obige Ausgabe zeigt die Funktionsweise eines Clean Class Filters. 

In ähnlicher Weise gibt es einen Clean Id Filter, der ähnlich wie ein Clean Class Filter funktioniert.

Andere Twig-Filter

Hier sind einige der aktiv verwendeten Filter.

• Capitalize 

Dieser Filter wird verwendet, um die ersten Buchstaben der Variablen zu ändern. Sehen wir uns ein Beispiel an:

Und die Ausgabe ist:

• Date 

Dieser Filter gibt das aktuelle Datum gemäß Ihrer Website an. Sehen wir uns ein Beispiel an, wie dieser Filter funktioniert.

Sie können auch das Format des Datums nach Belieben ändern.

• Uppercase

Hier können Sie nur die ersten Buchstaben der Wörter großschreiben. Falls Sie die ganze Zeile/den ganzen Absatz großschreiben müssen, können Sie den Uppercase Twig-Filter wie im Bild unten verwenden. 

• Trim

Dieser Filter entfernt Leerzeichen oder andere Zeichen vom Anfang oder vom Ende einer Zeichenkette.

• Number Format

Dieser Filter kann die Anzahl der Dezimalstellen, Dezimaltrennzeichen und Tausendertrennzeichen steuern. 

So können Sie Twig-Filter verwenden und das alles können Sie verwenden.