Hinweis vorab: Ich nutze in meinen Projekten immer den Joomla-Content-Editor (JCE) statt des Joomla-Standard-Editors. Alle nachfolgenden Ausführungen beziehen sich auf den JCE, der sehr viel mehr Einstellungsparameter hat und viele Joomla-Editor-Einstellungen und Funktionen überschreibt. Wie sich meine Erkenntnisse auf den Joomla-Editor anwenden lassen, habe ich nicht geprüft.

 

Problembeschreibung SVG-Support

Oft liest man, dass Joomla keine SVG-Dateien unterstützt. Das ist so nicht korrekt. Joomla unterstützt sehr wohl SVG-Images, jedoch ist es auch Sicherheitsgründen standardmäßig nicht aktiviert. SVG können ausführbaren Code enthalten und somit Schadcode in ein Projekt schleusen, wenn Seitenbesuchern erlaubt wird SVG hochzuladen. Da das viele nicht wissen und somit schon böse Erfahrungen machen mussten, ist diese Deaktivierung eine gute Entscheidung.

Wer in seinem Projekt SVG verwenden möchte, was z.B. für die Einbindung von Logos sogar ratsam ist, und den Upload von Dateien in das Projekt sowie nur durch Admins oder geschulte Mitarbeiter zulässt, will den SVG-Upload zulassen. Wie man SVG im Joomla-Projekt zulassen kann, sodass diese über den Media-Manager anzeigbar und auswählbar sind, dazu gibt es diverse Hilfeseiten im Internet, die über die Suchmaschinen leicht auffindbar sind. Deshalb führe ich das hier nicht noch einmal aus.

Was ist nun der Grund für diesen weiteren Beitrag zu diesem Thema? Wenn Sie den SVG-Support entsprechend Anleitung aktiviert haben, dann können Sie mit dem Plugin-Editor-Button "Medien" i.d.R. unterhalb der Editorfenster den Medien-Dialog aufrufen und dort in der Dateiauswahl SVG finden und durch Auswahl in den Beitrag einfügen. Sie können auch über die klickbaren Icon "insert image" in der Editor-Toolbar Dialoge zur Auswahl und zum Einfügen von SVG-Dateien aufrufen - entweder den Dialog "Bilder-Manager" oder den Dialog "Erweiterter Bildermanager". Soweit also alles gut.

Wenn Sie jedoch im Bearbeitungsdialog für Joomla-Beitäge über den Registertab "Bilder und Links" als "Einleitungsbild" oder als "Komplettes Beitragsbild" ein SVG auswählen wollen, werden Sie feststellen, dass hier zunächst keine SVG angezeigt werden und folglich nicht auswählbar sind. Gleiches tritt zu, wenn Sie für Beiträge das CustomField "Media" verwenden. Warum und wie ist das zu lösen?

 

Wie aktiviert man den SVG-Support für den File-Browser

In der Zwischenüberschrift steckt schon ein Hinweis auf die Lösung dieses Problems. Dazu muss man zunächst wissen, dass es unterschiedliche Dialoge gibt zur Auswahl von Media-Dateien. I.d.R. fällt einem dieser Sachverhalt nicht auf. Wenn man sich die Dialoge aber mal genauer anschaut und auch den Titel der Dialoge vergleicht, dann wird es offensichtlich. Oben hatte ich bereits die beiden unterschiedlichen Dialoge "Bilder-Manager" und "Erweiterter Bildermanager" erwähnt, die zur Auswahl von Bildern genutzt werden können. Wenn Sie für die Bilder in Tab "Bilder und Links" oder für die Media-CustomFields auf den "Auswählen"-Button klicken, wird noch mal ein anderer Dialog, betitelt mit "Bild bearbeiten" verwendet. Dieser Dialog nutzt den "File Browser" von JCE.

Mit diesem Wissen ausgestattet, ist nun nur noch folgendes zu tun. Wir müssen auch für den "File Browser" das SVG-Format in die Liste der erlaubten Dateierweiterungen aufnehmen. Dazu gehen wir in die Profil-Plugin-Parameter des JCE: Komponenten > JCE-Editor-Pro > Profiles > z.B. das Default-Profil auswählen > Registertab "Plugin Parameter" > links das Plugin "File Browser" auswählen > im Parameter "Permitted File Extensions" über das Edit-Icon die SVG-Erweiterung hinzufügen und speichern. Nun sollte SVG auch im Dialog "Bild bearbeiten" / "File Browser" SVG angezeigt werden und auswählbar sein.