4.5.3 Wrapper-Elemente werden nicht richtig generiert

**seven80** · 31.01.2018, 11:50

Hallo zusammen,

habe ein Problem, welches mir bisher noch nicht untergekommen ist:

Wenn ich einen Wrapper um diverse Inhaltselemente erstellen möchte, z.B. mit semantic_html5 oder auch mit HTML-Elementen (Startelement: <div>, Schlusselement: </div>) wird dies im FE-DOM falsch interpretiert.

So wird z.B. für das semantic_html5-Startelement folgender Code generiert:

Code:

<div><section class="ce_sHtml5Start block"></section></div>

Das Element wird also gleich wieder geschlossen und das Schlusselement wird leer mit

Code:

<div></div>

generiert.

Solche Wrapper habe ich in der Vergangenheit (Contao 3.5.x und älter) öfters genutzt und noch nie Probleme mit gehabt. Ist das vielleicht ein Bug in Contao 4.5.3 oder wo könnte ein Fehleransatz liegen?

**Spooky** · 31.01.2018, 12:09

Sieh dir zuerst mal den tatsächlichen Quelltext an.

**seven80** · 31.01.2018, 12:21

Wie ich den Code geschrieben habe werden die beiden Elemente im Quelltext ausgegeben...

**Spooky** · 31.01.2018, 12:35

Hast du einen Link zur einer Seite wo man das sehen kann?

**seven80** · 31.01.2018, 12:46

Hab ihn dir gerade per PN geschickt...

**Spooky** · 31.01.2018, 12:51

Du scheinst auf deiner Website generell einen Hook oder sonstiges zu haben, der die Ausgabe aller Inhalts Element verändert und mit einem <div></div> wrapped. Auszug:

HTML-Code:

<div>
  <h1 class="ce_headline grid10 offset1">
    …
  </h1>
</div>
<div>
  <section class="ce_sHtml5Start grid5 offset1 block"></section>
</div>
<div>
  <div class="ce_text block">
    …
  </div>
</div>
<div>
  <div class="ce_form block">
    …
  </div>
</div>

Das wird für egal welche Wrapper Elemente wohl Probleme verursachen.

**seven80** · 31.01.2018, 14:55

Ich habe es jetzt mal mit einer komplett frischen Contao-Installation ausprobiert und nacheinander die Erweiterungen installiert und getestet. Dabei habe ich den Übeltäter dingfest gemacht: Ich habe die Erweiterung contao-photoswipe von glumanda99 feststellen können, welche um jedes Inhaltselement noch einmal ein DIV legt.

Ohne die Erweiterung klappt alles wie es sein soll!

Danke für die Unterstützung bei der Fehlersuche!

**webstar** · 31.01.2018, 15:03

Die Erweiterung manipuliert das Markup mit DomXml. Dies ist meiner Erfahrung nach grundsätzlich keine gute Idee bei der Verwendung von Html5.

Von der Performance ganz zu schweigen.

**Spooky** · 31.01.2018, 15:04

Ja, Vorsicht, das selbe würde auch bei einer anderen Erweiterung von Glumanda passieren, nämlich https://github.com/glumanda99/contao-aos

**designpilot** · 31.01.2018, 22:34

Ich hatte das Problem mit den DIVs auch (ob das bei der contao-aos auch so ist hab ich jetzt noch ned gesehen). Bei contao-photoswipe ist das in der HookListener.php drinn, dort verursacht irgendwas das diese DIVs generiert werden.

Das erste Problem mit contao-photoswipe war das die Umlaute falsch dargestellt wurden (dieses Problem ist behoben) Danach das die Links falsch generiert wurden was mitlerweile auch gefixt ist.

Ich weiss jetzt nicht mehr weiter wo es noch liegen kann.

Gesendet von iPhone mit Tapatalk Pro

**Spooky** · 31.01.2018, 22:44

Was genau meinst du? Die Ursache für das Problem in diesem Thread wurde ja schon festgestellt.

**webstar** · 01.02.2018, 07:17

Zitat von designpilot

Ich hatte das Problem mit den DIVs auch (ob das bei der contao-aos auch so ist hab ich jetzt noch ned gesehen). Bei contao-photoswipe ist das in der HookListener.php drinn, dort verursacht irgendwas das diese DIVs generiert werden.

Das erste Problem mit contao-photoswipe war das die Umlaute falsch dargestellt wurden (dieses Problem ist behoben) Danach das die Links falsch generiert wurden was mitlerweile auch gefixt ist.

Ich weiss jetzt nicht mehr weiter wo es noch liegen kann.

Gesendet von iPhone mit Tapatalk Pro

Für all die Probleme ist die besagte Verwendung von DomXml verantwortlich.

Html5 kompatibler auf DomDocument basierender Parser/Serializer wäre z.b. https://github.com/Masterminds/html5-php

**designpilot** · 01.02.2018, 07:28

Zitat von webstar

Html5 kompatibler auf DomDocument basierender Parser/Serializer wäre z.b. https://github.com/Masterminds/html5

Dein Link führt auf eine 404er Seite

Ich hoffe das sich Glumanda dem widmen kann und das anpasst, weil die beiden Erweiterungen wären hammer.

Gesendet von iPhone mit Tapatalk Pro

***xchs*** · 01.02.2018, 07:38

Zitat von designpilot

Dein Link führt auf eine 404er Seite

https://github.com/Masterminds/html5-php

**Spooky** · 01.02.2018, 08:13

Das Problem ist nicht der eingesetzte DOM Parser.

**designpilot** · 01.02.2018, 09:52

Ich bräucht das Photoswipe für ein Projekt und das AOS auch, nur wann sich Glumanda dem widmen wird/kann weiss ich noch nicht.

Wenn es auch anders geht für Photoswipe und das AOS aber ich hab bis jetzt nix gefunden was dies gut erklärt.

Gesendet von iPhone mit Tapatalk Pro

**Spooky** · 01.02.2018, 10:09

Für AOS werde ich evt. mal einen PR machen - oder ggf. ein eigenes Bundle. Allerdings werde ich da erst in ein paar Wochen dazu kommen.

**designpilot** · 01.02.2018, 10:19

Wenn ich in PHP mehr könnte (ich bin was das angeht noch Anfänger) würd ich mir für Photoswipe und AOS was eigenes machen aber eben.

Gesendet von iPhone mit Tapatalk Pro