Der TinyMCE, der in Joomla Core mitgelieferte WYSIWYG Editor, wurde für Joomla 4 überarbeitet und enthält einige Funktionen, die gerne übersehen werden.

FrüherTM habe ich einen Editor von einem Drittanbieter genutzt, weil mir die Arbeit mit dem TinyMCE schwerfiel. Mit dem Erscheinen von Joomla 4 fing ich an, mich mit dem TinyMCE näher zu beschäftigen. Und siehe da: Für das, was ich oder meine Kunden machen, reicht es vollkommen. Man muss nur wissen, wo sich einige Funktionen verstecken. 

Der TinyMCE kommt mit vielen Funktionen, die sich im Plugin anpassen lassen:

Screenshot der Buttons von TinyMCE
Screenshot der Buttons von TinyMCE

Außerdem ist der mit weiteren Plugins erweitert worden, um Joomla eigene Funktionen einzubauen:

Liste der Plugins für den TinyMCE
Liste der Plugins für den TinyMCE

Diese Schaltflächen befinden sich im Dropdown „CMS Inhalt“:

Screenshot vom TinyMCE mit markierten Dropdown "CMS Inhalt"
Screenshot vom TinyMCE mit markierten Dropdown "CMS Inhalt"
Aufgeklappten Dropdown mit den Schaltflächen
Aufgeklappten Dropdown mit den Schaltflächen

Und werden oft übersehen.

Schaltfläche „Beitrag“

Damit kann man einen Link zu einem anderen Beitrag einfügen:

Screenshot der Auswahl eines Beitrags
Screenshot der Auswahl eines Beitrags
Eingefügten Link zum Beitrag
Eingefügten Link zum Beitrag

Dieser Link kann bearbeitet werden, indem man auf das Link-Symbol klickt. Hier kann man den anzuzeigenden Text ändern, einen Titel einfügen, das rel-Attribut anpassen und seit neusten CSS-Klassen ergänzen (s. Adventskalender Tag 3 - CSS-Klassenauswahl für Links in TinyMCE):

Modalfenster mit Einstellungen für den Link
Modalfenster mit Einstellungen für den Link

Schaltfläche „Felder“

Damit kann man direkt im Beitragstext vordefinierte Felder einfügen:

Auswahl von Feldern
Auswahl von Feldern
Eingefügten Code fürs Feld
Eingefügten Code fürs Feld

Schaltfläche „Kontakt“

Fügt einen Link zu einem Kontakt:

Auswahl von Kontakten
Auswahl von Kontakten
Eingefügten Link zum Kontakt
Eingefügten Link zum Kontakt

Auch hier kann man, wie oben schon erwähnt, den Link weiterbearbeiten.

Schaltfläche „Medien“ 

Damit kann man Bilder, Dokumenten und anderen Medien einfügen:

Medienmanager
Medienmanager

Bei Bildern öffnet sich ein extra Fenster, um Bildbeschreibung (alt-Text), CSS-Klassen und Bildunterschrift (figcaption) zu ergänzen:

Einstellungen für Bilder
Einstellungen für Bilder

Wenn das Bild keine Bildbeschreibung hat, soll es als dekorativ markiert werden, damit es für Nutzer von technischen Hilfsmitteln (z.B. Screenreader) sinnvoll angezeigt wird.

PDF-Dateien, Videos und Audio-Dateien können zum Herunterladen eingebunden werden oder als natives Element eingebettet werden:

Einstellungen für andere Medien
Einstellungen für andere Medien
Eingefügtes Bild und Audio-Datei
Eingefügtes Bild und Audio-Datei

Schaltfläche „Menü“

Ermöglicht das Einfügen eines Links zu einem Menüpunkt:

Auswahl von Menüpunkte
Auswahl von Menüpunkte
Eingefügter Link zum Menüpunkt
Eingefügter Link zum Menüpunkt

Auch hier kann der Link weiterbearbeitet werden.

Schaltfläche „Modul“

Damit kann man ein Modul innerhalb des Beitrags laden:

Auswahl von Modulen
Auswahl von Modulen
Eingefügter Code für das Laden eines Moduls
Eingefügter Code für das Laden eines Moduls

Schaltfläche „Seitenumbruch“

Es erzeugt Trennungen im Text, die dann als Seiten, Sliders oder Tabs dargestellt werden, s. Adventskalender Tag 12 - Seitenumbruch-Plugin

Schaltfläche „Weiterlesen“

Damit lässt sich eine Trennung zwischen Introtext (kann als Teaser in Bloglayouts oder Modulen angezeigt werden) und den Rest vom Beitrag:

Introtext und Weiterlesen Linie
Introtext und Weiterlesen Linie

Für viele ist das alles selbstverständlich. Neue Joomla-Nutzer haben damit Schwierigkeiten und versuchen zum Beispiel Bilder oder Dokumenten über die Bild- oder Link-Symbole einzufügen und stellen dann fest, dass sie den Pfad (URL) manuell eintippen müssen. Und das führt oft zu fehlerhaften Verlinkungen. Leider wird im Joomla-Forum oft dazu geraten andere Editoren (als Erweiterung) zu installieren, statt die Möglichkeiten des TinyMCE zu erkunden und zu nutzen.

Bild von Alexa auf Pixabay

Adventskalender - 24 Tipps & Tricks

23
8
15
20
18
11
13
12
17
9
22
21
7
19
24
6
10
16
Mastodon