Tag 3 - CSS-Klassenauswahl für Links in TinyMCE

Seit Joomla 5.2 lassen sich Links einfacher gestalten mit der neuen CSS-Klassenauswahl in TinyMCE. Der HTML-Code muss nicht mehr manuell bearbeitet werden – einfach die gewünschte Klasse auswählen, und schon kann es losgehen!

Um die neue Funktion zu verwenden, muss man zuerst CSS-Klassen in TinyMCE definieren. Wir gehen auf System->Plugins, suchen nach TinyMCE und öffnen die Konfiguration. Ganz unten kann man jetzt eine Liste mit CSS-Klassen für Links definieren:

Man kann CSS-Klassen eintragen, die im Template verwendet werden, z.B. „btn btn-primary“ für Bootstrap-basierte Templates (Cassiopeia) oder „uk-button uk-button-primary“ für uikit-basierte Templates (YOOtheme). Natürlich kann man eigene Klassen eintragen, die dann in einer user.css oder custom.css definiert werden.

Im Beitrag kann man dann beim Anlegen eines Links eine CSS-Klasse aus der Liste auswählen:

Wenn wir den Editor ausschalten, sieht man, wie die CSS-Klassen automatisch im Code eingefügt wurden:

Die neue Funktion erleichtert die Arbeit mit Links in Beiträgen und reduziert die Gefahr, dass Autoren falschen Code einfügen und Links unbrauchbar machen.

In der Joomla-Dokumentation kann man mehr darüber lesen.

Bild von Leopictures auf Pixabay