Span-Tag in a-Tag?

[Nicole87]

Hallo Leute!

Ich suche schon sehr lange nach einer Lösung für mein Problem, aber bisher bin ich noch nicht fündig geworden. Ich hoffe nun, dass mich einer von euch erleuchten kann oder zumindest einen Denkanstoß liefern kann

Ich habe im RTE die Klasse "button" eingefügt. Der Button-Link hat eine variable Breite und einen Verlauf im Hintergrund sowie abgerundete Ecken.
Um dies auf der Website umzusetzen brauche ich folgendes HTML-Gerüst:

<a href="" class="button"><span class="links"><span class="rechts">Linktext</span></span></a>

Es ist mir jedoch bisher nicht gelungen, die spans mit dem Link auszugeben. Die Frage ist also: wie kann man durch den RTE eine Linkklasse mit zusätzlichen Elementen verknüpfen? Ich meine, Bilder kann man doch auch hinzufügen, oder?

Ich wäre wirklich dankbar, wenn mir hier jemand etwas Hilfe geben kann. Dankee!

Gruß
Nicole

[Nicole87]

Hat keiner eine Idee, wie man das angehen kann?

[Vannen]

Hi,

vielleicht hilft dir ja das hier weiter.


Gruß
Vannen

[Nicole87]

Boah, Vannen, fühl dich von mir gedrück, bejubelt, angesprungen, geherzt und geknuddelt! DANKE!

Ich habe nun folgenden Code in mein Basistemplate eingefügt:

#Alle Links aus dem RTE bekommen den Wrap
tt_content.text.20.parseFunc.tags.link.typolink {
	wrap = <span>|</span>
	ATagBeforeWrap = 1
}

Die HTML-Ausgabe sieht dementsprechend nun so aus:

<a href="" class="button"><span>Linktext</span></a>

Nun habe ich jedoch in jedem Link, den ich mit dem Texteditor setze den Span-Tag. Ich möchte den aber der Sauberkeit wegen nur in Links mit der Klasse button. Wie kann ich denn den TypoScriptAusdruck nur auf die Linkklasse beschränken? "tt_content.[...].link.typolink.LINKKLASSE" kann es ja nicht sein...

Wenn mir das noch jemand beantworten könnte wäre ich wohl am Ziel...

Danke euch!
Nicole

[Vannen]

Mh, auf Anhieb würde mir da nur eine userFunc einfallen:
Ein Beispiel gibt es hier.
Da bekommst du aber nur das A-Tag.
Zur Not müsstest du vielleicht den ganzen Link noch mal parsen indem du die userFunc so ansetzt

tt_content.text.20.parseFunc.tags.link.postUserFunc= user_userFunc->addAttributes

Vielleicht fällt jemand anders noch etwas Besseres ein.

[Nicole87]

Vannen, ich habe das nun leider nicht verstanden... ^^" Kannst du das bitte für die Doofen erklären, die dazu noch nicht so in TypoScript bewandert sind? Das wäre echt sehr nett!

Grüße
Nicole

[Vannen]

Alsooo ....

TypoScript:

includeLibs.userFunc= fileadmin/userFunc/typolink.php

tt_content.text.20.parseFunc.tags.link {
  postUserFunc= user_userFunc->addSpan
  postUserFunc.class = internal-link-red
  postUserFunc.wrap = <span class="red">|</span>
}

PHP Datei erstellen (fileadmin/userFunc/typolink.php)

Und da kommt dann zB sowas rein

<?php
class user_userFunc{
    function addSpan($content,$conf) {
        $classAttribute = 'class="'.$conf['class'].'"';
        if(stripos($content,$classAttribute) !== false) {
            $cObj = t3lib_div::makeInstance('tslib_cObj');
            $endOpenTag = stripos($content,'>');
            $startCloseTag = strripos($content,'<');

            $openTag = substr($content,0,$endOpenTag+1);
            $text = substr($content,$endOpenTag+1,$startCloseTag-$endOpenTag-1);
            $text = $cObj->wrap($text, $conf['wrap']);
            $content = $openTag . $text . '</a>';
        }

        return $content;
    }
}

So könnte es ungefähr aussehen

[Nicole87]

Wow, Vannen! Hab vielen, vielen Dank!!!

Nun ist es genau, wie ich es haben will! Der Wrap ist nur um Links mit der Klasse Button und es sieht alles toll aus!

Vielen lieben Dank nochmal!!! *knuddel*

Grüße
Nicole

Für die, die wie ich begriffsstutzig sind, mein Template-Code bezüglich der Links:

#Buttonlink
includeLibs.userFunc= fileadmin/templates/script/typoscript.php
tt_content.text.20.parseFunc.tags.link {
  postUserFunc= user_userFunc->addSpan
  postUserFunc{
    class = button
    wrap = <span class="button-wrap">|</span>
    ATagTitle.field = title
  }
}

#Alle Links aus dem RTE haben den Titel aus dem Feld
tt_content.text.20.parseFunc.tags.link.typolink {
  ATagTitle.field = title
}