White Space Problem in Twig Pico


Das Pico CMS mit Twig hat ein Leerzeichen-Problem, denn Leerzeichen (Whitespaces) vor Templatevariablen werden von der internen Template Engine Twig verschluckt

Leerzeichen Fehler im Twig

Wollten Sie im Pico CMS bzw. im Twig beispielsweise einen Meta-Footer erzeugen, dann mussten Sie dies wie folgt tun:

Autor: {{ meta.author }}

Code

Dabei rendert Twig die Zeile fehlerhaft und macht daraus:

Autor:CMSWorkbench

Code

Twig verschluckt dabei das führende Leerzeichen vor dem Meta-Attribut author. Alternativ wurde dies mittels join-Filter im Template-Design gelöst.

{{ ['Autor: ', meta.author]|join }}

Code

Daraus entsteht dann die korrekte Schreibweise:

Autor: CMSWorkbench

Code

Die Lösung des Whitespace-Problems mittels join ist jedoch auf Dauer viel zu umständlich, daher habe ich den Fehler gesucht und auch wie folgt behoben.

Die Lösung

Das Problem der falschen Leerzeichen (Leerzeichen werden verschluckt) in Pico bzw. Twig, liegt in der Datei vendor/twig/twig/lib/Twig/Lexer.php. Suchen Sie dort nach der folgenden Passage, die sich in meiner Version in der Zeile 174 befindet.

if (isset($this->positions[2][$this->position][0])) {
    $text = rtrim($text);
}

Tauschen Sie die alte Zeile 174 gegen die folgende Zeile 174 aus (und auch nur diese eine Zeile).

if (isset($this->positions[2][$this->position][0]) && ($this->options['whitespace_trim'] === $this->positions[2][$this->position][0])) {
    $text = rtrim($text);
}

Das Leerzeichen-Problem ist schnell behoben. Sie sollten die Korrektur unbedingt im Pico CMS bzw. Twig Symphony vornehmen, da Sie sonst das Problem mittels join-Filter umschiffen müssten - das ist auf Dauer zu umständlich. Allerdings erhalten Sie dadurch ein anderes Problem, denn Leerzeichen werden nun unverändert weiter gegeben und dies könnte Ihr SEO negativ beeinflussen, da Titel plötzlich länger als erwartet werden.


Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Sprachen bzw. Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 25 Jahren arbeite ich in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen.

FlightCMS
2024-01-28
PHP8
post
Kontakt@Oliver-Lohse.de

Datenschutz

Die Webseite verwendet keinerlei Tracking- oder Speichermechanismen, die einen Rückschluss auf das Leserverhalten und Ihre Identität zulassen. Die Webseite verwendet keine Cookies, denn Cookies haben einen schlechten Ruf.

Impressum

CMSWorkbench ist eine Entwicklerseite über meine Arbeit im Bereich der Content Management Systeme. Die vielen Codeschnipsel sind im wesentlichen als kleine Notizzettel zu werten als das es ausgereifte Beiträge wären.