[TYPO3-german] Editor mit Syntax Highlighting Fluid

[bernd wilke]

Am 06.10.14 11:19, schrieb Dr Dieter Porth:
> Am 6.10.2014 05:23, schrieb Markus:
>> <f:section name="content">
>>      <f:if condition="{news}">
>> ...
>
> Hallo Markus,
>
> schon das Kompaktieren von <f:If><f:then> plus HTML-Tags macht es
> übersichtlicher. Man merkt auch schnell, das dein zitiertes Template
> überflüssigen Code enthält. (Ich habe ihn in der ersten Version nur
> gekennzeichnet) und in der zweiten Version dann rausgeschmissen. (ich
> habe beide nicht getestet.)
> Wenn das zitierte Template aus der aktuellen tx_news-Version stammt,
> könntest du nach einem Test einen Forge-Eintrag machen, um dem
> Entwickler zu helfen, die Extension für alle besser zu machen.

kompaktieren ist bedingt hilfreich und gerade f:if/f:then finde ich sehr 
nützlich um struktur in fluid-templates zu bekommen.

natürlich kann man das alles schön mit Zeilenumbrüche und Einrückungen 
strukturieren, so dass man Strukturen auch optisch gut erkennen kann. 
Allerdings werden all diese Whitespaces in die Ausgabe mit übernommen 
und sorgen für sehr viel Leerzeilen, bzw. Zeilen mit Leerzeichen.

Meine Vorgehensweise ist daher:
für den Anfang / die Erstanalyse erstmal alles schön Umbrechen
insbesondere
<f:if condition="...">
  // then comment
<f:then>
	:
</f:then>
  // else comment
<f:else>
	:
</f:else>
</f:if>

gerne auch einmal ein <f:then>-Tag eingefügt wenn es nicht vorhanden ist 
weil der tehn-zweig direkt im f:if steht.

danach dann möglichst alle controll-tags in eine Zeile kompaktieren

<div><f:for each=...><f:if>
<f:then><div>
	:
</div>
</f:then>
</f:if></f:for></div>


einen guten syntaxhighlighter habe ich noch nicht gefunden. selbst XML 
funktioniert bei mir nicht sauber obwohl ich auf
<div xmlns="http://www.w3.org/1999/xhtml" lang="en" 
xmlns:f="$NAMESPACEURL"	f:schemaLocation="$NAMESPACEURL 
http://fedext.net/viewhelpers/fluid/view-xsd.html">
verweise.

alles geht natürlich ganz schief wenn man folgendes macht, was zwar 
valides Fluid ist, aber alle syntaxhighlighter total durcheinander bringt:

<div><f:if condition="..."><f:then><div 
class="a"></f:then><f:else><p></f:else></f:if>
	:
<f:if 
condition="..."><f:then></div></f:then><f:else></p></f:else></f:if></div>

oder auch Teil-Tags (nur öffnende oder schließende Tags) in 
sections/partials auslagert.

bernd
-- 
http://www.pi-phi.de/cheatsheet.html