SVG ist nicht nur ein Grafikformat, sondern wie HTML eine Auszeichnungssprache, die auch die Einbindung von Skripten erlaubt. Deshalb ist der Einsatz von SVG in vielen Content Management Systemen, wie auch in unserem Wiki [1], blockiert. Allerdings gibt es Möglichkeiten, den SVG-Code von potentiell schädlichen Skripten zu "säubern" und dann einzubinden. WordPress [ Bearbeiten] WordPress ermöglicht den Upload von Medien und Bildern verschiedener Formate. Dabei wird vor dem Hochladen der MIME-Type überprüft, wobei in der Grundeinstellung SVGs abgelehnt werden. Dies ist nicht unbegründet, da SVG-Dateien JavaScript-Code enthalten können und damit unerwünschte Dinge tun können. Svg in html einbinden font. Allerdings können Sie mit einigen kleinen Schritten den Upload und die anschließende Verwendung von SVG ermöglichen: Einerseits kann dazu in die des Child Themes eine Funktion hinzugefügt werden [2], die dafür sorgt, dass Wordpress den MIME-Type erkennt und damit SVG-Dateien akzeptiert. Andererseits werden die SVG-Dateien durch diese primitive Lösung nicht auf schädlichen Inhalt wie beispielsweise JavaScript überprüft, weshalb ein Plugin verwendet werden sollte, das den SVG-Upload auf bestimmte Nutzer einschränkt oder SVGs auf eingebettete unerwünschte Eigenschaften wie JavaScript überprüft: SVG Support – Der SVG-Upload lässt sich nur für bestimmte Nutzer freigeben Safe SVG – SVGs werden auf JavaScript und andere unerwünschte Eigenschaften überprüft.
Diese Methode hat mehrere Vorteile gegenüber anderen Lösungen: Es ist nicht auf irgendwelche seltsamen Hacks oder Skripte angewiesen Es ist einfach Sie können weiterhin Alternativtext einfügen Browser, die srcset sollten wissen, wie sie damit umgehen müssen, damit sie nur die benötigte Datei herunterladen. Fand eine Lösung mit reinem CSS und ohne Doppelbild-Download. Es ist nicht so schön wie ich will, aber es funktioniert. Svg in html einbinden online. DOCTYPE html>