Zum Hauptinhalt springen

Sicheres HTML

Fügt sanitisiertes HTML ein, ohne JavaScript oder freies CSS auszuführen.

Beispiel für das sichere HTML-Widget in der Demo-Benutzeroberfläche

Empfohlene Konfiguration

  1. Öffnen Sie den HTML-Editor im Abschnitt Inhalt.
  2. Verwenden Sie semantische Elemente und interne Verknüpfungen zu Sybot.
  3. Überprüfen Sie das Ergebnis im Editor, in der Vorschau und beim PDF-Export.

Konfigurationsoptionen

BereichOptionen
InhaltKontrolliertes HTML; nicht zulässige Elemente und Attribute werden automatisch entfernt.
IdentitätTitel, Untertitel, Kopfzeilen-Sichtbarkeit, Typ-Icon und Aktions-Button.
DarstellungVariante Standard, Kompakt oder Dicht und Nachricht, die angezeigt wird, wenn keine Daten verfügbar sind.
AussehenHintergrund, Hintergrundbild, Rahmen, Radius, Padding, Schatten und Typografie für verschiedene Bereiche.
PositionKoordinaten und Abmessungen in Zellen des Seiten- oder Container-Gitters.

Best Practices

  • Skripte, Event-Handler, Formulare, externe URLs, gefährliche Klassen und Attribute werden entfernt.
Tipp

Überprüfen Sie das Widget immer in der Vorschau im hellen und dunklen Theme sowie mit einem Zustand ohne Daten, bevor Sie die Ansicht veröffentlichen.