Box mit angerundeten Ecken als Content Element

Hallo zusammen.

Ich habe schon Dokumentation und Foren durchgewühlt, bin aber noch nicht fündig geworden auf der Suche nach einer Lösung für mein Problem. Vielleicht seh ich aber auch nur den Wald vor Bäumen nicht.

Folgendes würde ich gerne machen: Im TL-Backend soll jeder Redakteur innerhalb eines Artikels einen Elementtypen auswählen können, der im Frontend eine Box mit abgerundeten Ecken erzeugt. So eine Box zu erzeugen, ist ja nicht ganz trivial, man braucht einige CSS-Definitionen und ein paar spans, die im HTML-Code aufgerufen werden. Damit der Redakteur, der nichts von HTML versteht, solch eine Box nicht mit einem Elementtyp "HTML" zusammenbasteln muss, würde ich ihm gerne einen entsprechenden Elementtypen zur Verfügung stellen.

Meine Frage ist nun: Wie ließe sich das realisieren? Ich benötige ja eigentlich nichts weiter als einen gewöhnlichen Elementtypen "Text", der aber eine bestimmte CSS-Klasse zugewiesen bekommt und vor und nach dem einzugebenden Text einige feste HTML-Befehle enthält.

Hat jemand von Euch eine Idee?

Viele Grüße aus dem Norden!

O.

HI

du könntest die TinyMCE-Vorlagen verwenden. Dazu packst du den HTML-Code einer solchen Box mit Beispielstext in eine HTML-Datei (wirklich nur den Code der Box und nicht eine komplette HTML-Seite), die du nach tl_files/tiny_templates/ hochlädst. Mit dem TinyMCE kann nun der Redakteur beim Erstellen eine Textelements diese Vorlage auswählen und muss nur den Text ändern.

Eine andere Möglichkeit wäre, dass der Redakteur beim Textelement eine spezielle CSS-Klasse einträgt, und du im Template ce_text.tpl auf diese Klasse prüfst und dann zusätzliche HTML-Elemente ausgibst, die die Box erzeugen.

Und ein eigenes Modul wäre natürlich auch möglich, das würde ich aber als letzte Wahl nehmen.

Sebastian

Hallo Sebastian,

vielen Dank für die Tipps! Ich habe es jetzt mittels eines TinyMCE-Templates realisiert. Das funktioniert wunderbar.

Vielleicht ist es noch sinnvoll, als kleine Ergänzung, explizit darauf hinzuweisen, dass man die neu erstellte Vorlage im TinyMCE dann über den Button "Vorgefertigten Vorlageninhalt einfügen" einsetzen muss. Siehe Screenshot. Ich habe die Vorlagen zunächst in den Dropdown-Menüs bei Absatzformat etc. gesucht.

Danke und beste Grüße!

HI

genau das meinte ich. Super!

Sebastian