Zum Hauptinhalt springen Skip to page footer

Trennzeichen in Headlines

Damit lange Begriffe in den Menüs und in der mobilen Version nicht aus dem sichtbaren Bereich laufen, sollte in redaktionelles Zeichen eingebunden werden, das es ermöglicht einen unsichtbaren Trenner ("&shy") zu definieren.

Empfehlung: "||", da das Pipe-Zeichen bei der Slug-Definition in der Regel ignoriert wird.

{namespace v=FluidTYPO3\Vhs\ViewHelpers}

...

<v:format.replace content="{headline}" substring="||" replacement="&shy;" />

...

in Header.html // Subheader.html

<f:variable name="headerWithWordbreak"><v:format.replace content="{header}" substring="||" replacement="&shy;" /></f:variable>

... <span><f:format.htmlspecialchars doubleEncode="false">{headerWithWordbreak}</f:format.htmlspecialchars></span> ...