[semantic_html5] Semantische HTML5-Elemente

[andreasisaak]

Hallo Community,

ich habe auf der Konferenz mitbekommen das viele die Extension semantic_html5 noch gar nicht kennen. Das möchte ich gerne ändern und euch den Nutzen der Extension kurz erläutern.
Die Extension bietet nach der Installation ein neues Inhaltslement "HTML5-Element" in der Rubrik Text. Ein Frontend-Modul ist in Planung. Wenn ihr das Inhaltselement anlegt, dann wird automatisch ein schließendes Div erstellt. Etwas mehr Komfort als beim Akkordion oder dem neuen Slider in Contao 3.1.

Du kannst dann zwischen den bestehenden Typen wählen (z.B. figure, section, etc) aber auch neue anlegen. Dafür einfach in den globalen Einstellungen das Element hinzufügen (z.B. ul, li, etc). Sofort stehen auch diese Elementtypen zur Verfügung.

semantic_html5 ist unter 2.11 und 3.x lauffähig. Neu in der Version 1.5 ist die Möglichkeit weitere Eigenschaften zu vergeben. So das man nicht nur ein

<section id="test" class="test"></section>

bauen kann, sondern z.B. auch sowas:

<section data-attribute="mydata"></section>

Besonders für Seiten die die HTML5 Features voll ausnutzen wollen oder besondere Anforderungen wie Parallax Animationen haben, ist das recht komfortabel.

Ich wünsch euch viel Spaß mit der Extension

Extension Repository: https://contao.org/de/extension-list...tic_html5.html
Github: https://github.com/menatwork/semantic_html5

[Spooky]

Ein Vorschlag von mir: div als default Auswahl (evt. Konfigurierbar über die Settings, bspw. einfach das erste Element in der Liste?) . Wenn man die Extension als allgemeine Wrapper Extension nutzt und oft braucht, ist es komfortabler, wenn man nicht jedesmal auch noch div auswählen muss.

[lucina]

Du kannst doch <div> selbst in den Settings hinzufügen?

[Spooky]

Du kannst doch <div> selbst in den Settings hinzufügen?

<div> ist eh schon von Haus aus vorhanden. Mir ging es darum, dass <div> gleich vorausgewählt ist (was ich mir selbst in der Extension schon so abgeändert habe und es hier nur als Vorschlag für die Extension im Allgemeinen bringe).

[andreasisaak]

Finde ich mit dem div etwas schwierig weil jeder andere Elemente bevorzugt. Wir nutzen z.B. nur section.

Eventuell könnte man ja das erste in den Einstellungen nehmen. Dann wäre es konfigurierbar. Wenn du es eh schon hast, kannst du uns auf Github einen Pull Request schicken?

[Spooky]

Finde ich mit dem div etwas schwierig weil jeder andere Elemente bevorzugt. Wir nutzen z.B. nur section.

Eventuell könnte man ja das erste in den Einstellungen nehmen. Dann wäre es konfigurierbar.

Ja, das meinte ich ja.

Wenn du es eh schon hast, kannst du uns auf Github einen Pull Request schicken?

Momentan hab ich's mir nur als 'default' Wert im DCA eingetragen... ich weiß leider nicht mal, wie man das anstellen könnte, also den ersten Wert der Liste nehmen für den 'default' Wert (weil dafür gibt es ja keinen Callback, oder kann man das irgendwie anders machen?).



Übrigens, ein eher unwichtiges Problem ist mir aufgefallen: wenn man ein neues Content Element hinzufügt, auf HTML5-Wrapper stellt und dann aber nicht speichert, bleibt ein HTML5-Wrapper mit <> </> als Content Element. Bin mir aber nicht sicher, ob das nicht eher ein Contao Problem ist?

[andreasisaak]

Übrigens, ein eher unwichtiges Problem ist mir aufgefallen: wenn man ein neues Content Element hinzufügt, auf HTML5-Wrapper stellt und dann aber nicht speichert, bleibt ein HTML5-Wrapper mit <> </> als Content Element. Bin mir aber nicht sicher, ob das nicht eher ein Contao Problem ist?

Jein. Wir könnten das eventuell sogar irgendwie abfangen aber es ist doch eher selten das jemand genau so verfährt. Ich merk mir den Fehler aber mal, vielleicht kommen wir ja nochmal drauf zurück.

[Jogibär]

Hallo Andreas,

ich habe mir auch eure Erweiterung Installiert und finde sie wirklich bereichernd.

Aber wo finde ich denn die Extension in den Einstellungen, um z.B. ein Element hinzuzufügen?
Auch die manuelle Angabe, z.B.
$GLOBALS['TL_CONFIG']['TL_HTML5'] = '<test>';
hat nichts bewirkt.

Ich habe derzeit noch Contao 3.2.5 installiert, aber daran dürfte es doch nicht liegen, oder?
DB-Update ist auch durchgeführt, ist alles ok.

Vielleicht habe ich auch nur Tomaten auf den Augen ...

Dank und Gruß
Jürgen

[Mischa]

Hallo Andreas,
in Contao 3.2.9 kann ich in den globalen Einstellungen keine neuen Tags hinzufügen weil es einfach den Dialog dafür nicht gibt. Die Erweiterung funktioniert ansonsten mit den vorgegebenen Elementen. Ich denke also, hier liegt ein Fehler vor. Es wäre nett wenn Du Dir das mal anschauen könntest. Danke!

[Spooky]

Hm, in meinen 3.2.x Installationen ist das nicht der Fall. Die Einstellung befindet sich unter System - Einstellungen - Sicherheitseinstellungen - HTML5-Elemente.

[Mischa]

Bei mir funktioniert es jetzt auch, nachdem ich die Erweiterung händisch von GitHub installiert habe. Vorher üb das ER funktionierte die Möglichkeit eigene Elemente anzulegen nicht.

Ich hab aber noch kein DIFF gemacht um die Sachen mal zu vergleichen.