Häufig wünschen die Webdesigner ein Menü, dass durch senkrechte Striche "|" getrennt ist. Dieses Menü stellt den TYPO3 Programmierer jedoch vor einige Probleme. 

So kann man in einem wrap von stdWrap nicht einfach einen senkrechten Strich darstellen. Dieser senkrechte Strich muss im TypoScript escaped werden. nur wie fängt man das geschickt an.

In der Liste der escaped HTML Zeichen, HTML Zeichenreferenz, SelfHTML taucht der senkrechte Strich nicht auf.

Man kann jedoch in HTML jedes Zeichen codieren und nicht nur die benannten HTML Sonderzeichen. Der senkrechte Strich / Verticale Strich lässt sich durch & #124; escapen.

Eine weitere Herausforderung beim durch vertikale Striche getrennten Menü ist das die senkrechten Striche eben nur zwischen den Menüpunkten, aber nicht am Anfang und Ende des Menüs stehen sollen.

Aber auch hier haben die TYPO3 Core Entwickler mal wieder mitgedacht. Bei den TYPO3 Menüs gibt es das optionSplit. Mit dem Option Split kann man beim Menü den letzten Menüpunkt anderst als die anderen Menüpunkte definieren.

Das Option Split besteht aus zweimal der Zeichenkombination |*|. Dazwischen sind dann die jeweiligen informationen für den ersten Menüpunkt, die mittleren Menüpunkte und den letzten Menüpunkt aufgeführt.

Und so kann man nun das Menü, dass durch die vertikalen Striche unterteilt wird:

lib.menu = HMENU
lib.menu {
 1 = TMENU 
 1 {
 wrap = |
 NO.allWrap = | |  |*| | |  |*| |
 ACT = 1
 ACT.allWrap = | |  |*| | |  |*| |
 ACT.linkWrap = <span class="act">|</span>
 }
}

Wärend das erste Menüelement und auch alle mittleren Menüelement mir einem vertikalen Strich "|" und zwei Leerzeichen gewrapt werden