Horizontales Menu mit |Separiert

Hallodio!

Mein an sich einfaches Problem: ich will eine horizontale Navigation die so aussehen soll:
Home | Produkte | Ding | Dong | Kontakt

Ich hab jetzt aber zwei Probleme die ich nicht hinkriege:
zum einen das "|" Zeichen dazwischen ist im TypoScript der Platzhalter
und zum anderen sollen die | nur zwischen den Links stehen, nicht auch noch davor oder danach.

so grob zusammengebröselt dachte ich da an:

#
# Top Menu (below search and below topbar menu)
# 
lib.menuTop = HMENU
lib.menuTop.special = list
lib.menuTop.special.value = 62, 61, 5
lib.menuTop.1 = TMENU
li.menuTop.1.value.wrap.splitChar = ?
lib.menuTop.1.noBlur = true
lib.menuTop.1 {
    NO {
        wrapItemAndSub = <span> ? </span>
    }
    ACT {
        wrapItemAndSub = <span class="sel"> ? </span>
    }
}

ist das mit diesem 'splitChar' so gedacht?
und gibt es auch ein 'wrap' für innen und nicht nur für aussenherum? und hat wer grad ein beispiel zur hand? :o

danke für jedwelche Hinweise 😉

1. und 2.:

allWrap =  |& nbsp;& #124;& nbsp; |*| |& nbsp;& #124;& nbsp; |*| |

und das span class soltlest du durch ATagParams ersetzen

//edit

ersetzt alle zeichen... leerzeichen nach dem & wegdenken 😉

da krieg ich ja voll den kurzschluss :o
mach nen screenshot davon das kann ja keiner lesen #giggle#

strategie ist das | als html special character zu schreiben? ebenso die nbsp leerzeichen? das |aber normal als platzhalter in ruhe lassen?

und das span class soltlest du durch ATagParams ersetzen

sachen gibts. das hatte ich schon vermisst...
aber mein span tag definiert noch paar abstände und so. das lass ich mal hier. aber anderweitig ist das ja perfekt *daumenhoch*

tu ich mal probieren!

danke! antwort in rekordzeit :-)