README

HTML Struktur Element erstellt jeweils ein Start- und ein Stop-Element anwendbar als Inhaltselement oder als Formularelement. Im Start-Element können HTML-Tag, ID, Klasse und eigene Attribute definiert werden.

Beim erstellen und speichern vom Start-Element wird automatisch das Stop-Element generiert und verknüpft. Die Elemente können wie gewohnt im Contao Backend verschoben, kopiert und als Inhaltselement platziert werden. Wird eine Element (Artikel, Seite, Formular) kopiert, werden die Elemente neu verknüpft. Wird ein Element gelöscht wird das dazugehörige Element ebenfalls gelöscht.

Die Erweiterung eignet sich zum abbilden von Strukturen einer Webseite wie Grid, Button, Card, Dropdown oder ähnliches.

Feld	Beschreibung
Titel	Wird für die Darstellung im Backend verwendet
Farbe	Wird für die Darstellung im Backend verwendet
HTML-Tag	HTML Element wie `div`, `span`, `button`, `a`, etc. Erlaubt sind HTML-Tags gemäss den Contao-Einstellungen siehe Sicherheit.
ID	Standard Feld `id` (nur bei Inhaltselementen verfügbar)
Klasse	Standard Feld `class`
HTML-Attribute	Ergänzende Attribute wie `data-`, `aria-`, `title`, `href`, `style`
Inhalt	Reiner Text

Contao

Contao: ^4.13 oder ^5.0
PHP: ^8.1

Contao Inserttags werden bei der Frontend-Ausgabe umgewandelt, wie © {{date::Y}}.
E-Mails werden automatisch erkannt und in Unicode ausgegeben.

Sicherheit

Um die Sicherheit zu gewährleisten, werden bei der Frontend-Ausgabe die HTML-Tags gefiltert, gemäss den Contao-Einstellungen für erlaubte HTML-Tags und erlaubte HTML-Attribute. Wenn nötig, müssen spezielle HTML-Tags und HTML-Attribute in den Einstellungen -> Sicherheitseinstellungen hinzugefügt werden.

Beispiel Konfiguration

Erlaubte HTML-Tags:

<iframe>

Erlaubte HTML-Attribute:

iframe | src,style,allowfullscreen
button | type,disabled
a | type,role

delirius / contao-structure-elements

Maintainers

Details

README

Contao

Sicherheit

Screenshots

Eingabemaske

Darstellung Contao Backend

Beispiel Grid

Beispiel Formular

Beispiel Inserttag

Beispiel Offcanvas