A-Tag in Text Element

[c.stege]

Hallo,

ich wollte eben ein gesamtes Element vom Typ Text verlinken.
Im Text Element ist eine Tabelle und weiterer Inhalt.
Ich bin also auf Quelltext anzeigen und habe "außenrum" einen a Tag hinzugefügt, welchen er wieder entfernt hat.

Wie kann ich das verlinken?

Hintergrund: Ich habe das Bild bereits verlinkt. Da es eine Box ist, wollte ich aber auch das Textelement verlinken.

Gruß

[BennyBorn]

<a> ist ein Inline-Element, <p> ein Block. Der TinyMCE "erlaubt" es Dir nicht ungültiges Markup zu generieren.

Ein ganzes Element verlinken zu können ist dennoch sinnvoll.
Ich würde an Deiner Stelle ein eigenes ce_text.html5 Template anlegen und den Anker aus dem Bild herausziehen und dann per CSS über die gesamte Box legen.

[mlweb]

@BennyBorn Was das ungültige HTML betrifft dürfte das nicht mehr zutreffen https://www.w3.org/TR/2011/WD-html5-...a-element.html

[mlweb]

Ich habe es gerade in einer 5.3 getestet und um ein p-Tag und eine Tabelle im Tiny ein a-Tag gelegt. Das funktioniert.
Kann man auch selbst in der Demo testen.

@c.stege Welche Contao-Version ist das?

Wobei mit Bild das gesamte Element verlinken durchaus sinnvoll sein kann.

[tab]

Ich habe es gerade in einer 5.3 getestet und um ein p-Tag und eine Tabelle im Tiny ein a-Tag gelegt. Das funktioniert.
Kann man auch selbst in der Demo testen.

Das Problem ist das a-Tag, mit dem das Bild verlinkt wird. Das müsste halt weg. Ein a-Tag innerhalb eines anderen a-Tags ist nicht erlaubt. Andere, auch Blockelemente, dagegen schon. Wenn das natülich zwei unterschiedliche Linkziele sein sollen, wird es etwas tricky.

[zoglo]

Das Problem ist das a-Tag, mit dem das Bild verlinkt wird. Das müsste halt weg. Ein a-Tag innerhalb eines anderen a-Tags ist nicht erlaubt. Andere, auch Blockelemente, dagegen schon. Wenn das natülich zwei unterschiedliche Linkziele sein sollen, wird es etwas tricky.

Das wurde so nicht explizit erwähnt - Hier hilft nur ein

Screenshot UND die URL der Website + das Ergebnis welches erwartet wird.

Man sollte davon ausgehen, dass der TE sehr gute HTML-Kenntnisse hat und nach seiner Recherche das Problem im Forum gemeldet hat. Falls dem nicht so ist, sollte der TE dies in seiner Antwort nach Lösung des Problems erwähnen.

[mlweb]

Das Problem ist das a-Tag, mit dem das Bild verlinkt wird. Das müsste halt weg. Ein a-Tag innerhalb eines anderen a-Tags ist nicht erlaubt.

Auch das funktioniert in Contao 5.3. Einfach mal in der Demo testen. Der Bildlink liegt ja nicht innerhalb des rte. Sind einfach zwei voneinander unabhängige Links.

[planepix]

Für solche Fälle war https://packagist.org/packages/sioweb/linkedelement immer ganz hilfreich.
Läuft noch mit 4.13, für 5.3 gibts bisher keine Antwort auf meine Issue im April.

[zoglo]

@planepix - einfach mal testen, ob es auch unter 5 läuft. Ist ja ein recht kleines Bundle

[planepix]

@planepix - einfach mal testen, ob es auch unter 5 läuft. Ist ja ein recht kleines Bundle

Lief in meinem Test nicht


Gesendet von iPhone mit Tapatalk

[zoglo]

Lief in meinem Test nicht

Also bei mir läufts unter Contao 5.4, wenn ich folgendes abändere:
* use Statements in LinkedElement
* 'wizard' pagePicker austauschen, ist deprecated -> Ist nun 'dcaPicker'=>true als eval
* Unlock in der composer.json für Contao ^5

[zoglo]

Weil mir langweilig war: https://github.com/Sioweb/contao4_linkedElement/pull/2

Ob das je gemerged wird, who knows

[planepix]

Danke dir - ich habe Sascha mal direkt angepingt

[c.stege]

Ich habe es gerade in einer 5.3 getestet und um ein p-Tag und eine Tabelle im Tiny ein a-Tag gelegt. Das funktioniert.
Kann man auch selbst in der Demo testen.

@c.stege Welche Contao-Version ist das?

Wobei mit Bild das gesamte Element verlinken durchaus sinnvoll sein kann.

Ich verwende Version 4.13.X. Um die Tabelle kann ich das a-tag nicht legen:

<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 92.0633%;">
<h2>Test</h2>
<p>Dies ist der Inhalt.</p>
</td>
<td style="width: 7.93666%;"><a href="{{link_url::79|urlattr}}"><img src="files/images/Inhalte/angle-right-solid.png" alt="" width="20" height="35"></a></td>
</tr>
</tbody>
</table>

Ich würde zur Not das Template bearbeiten.

[mlweb]

Ich verwende Version 4.13.X.

Da sieht man mal wieder, dass es bei jeder Frage wichtig ist die Contao-Version anzugeben.

Um die Tabelle kann ich das a-tag nicht legen

Wie genau erzeugst Du die Tabelle?

Ich sehe da drei Möglichkeiten:

• Tabelle im Tiny MCE anlegen
• Tabelle als HTML-Element anlegen
• Inhaltselement Tabelle von Contao nutzen

Nachtrag: Gerade in einer 4.13 getestet. da wird da a-Tag im Tiny entfernt.

[tab]

Wenn du die Tabelle mit einem a-Tag umgibst um sie zu verlinken, dann hast du ein a-Tag in einem anderen a-Tag. Um die gesamte Tabelle zu verlinken mit einem die Tabelle umgebenden a-Tag, müsste das a-Tag in der Tabelle rausgenommen werden.

Damit sage ich nicht, dass man den gewünschten Effekt nicht irgendwie realisieren könnte, dass also z.B. das "innere" a-Tag in der Tabelle bleiben kann und das "äußere" a-Tag in Wirklichkeit nicht die Tabelle umgibt, sondern nur absolut über der Tabelle positioniert wird mit der selben Größe und Position wie die Tabelle selbst.
Ich sage nur, dass es "direkt" nicht geht (a-Tag innerhalb eines anderen a-Tags).

Das kann man sich jederzeit auch im Validator um die Ohren schlagen lassen.

Error: Start tag a seen but an element of the same type was already open.

[mlweb]

@tab Stimmt

Davon abgesehen lässt sich anders als in Contao 5 in Contao 4.13 im Tiny kein a-Tag um einen Text mit Tabelle legen.

[c.stege]

@tab Stimmt

Davon abgesehen lässt sich anders als in Contao 5 in Contao 4.13 im Tiny kein a-Tag um einen Text mit Tabelle legen.

Ok, dann habe ich ja die Antwort. Versuche das mal per Template, danke

[tab]

Ok, dann habe ich ja die Antwort. Versuche das mal per Template, danke

Du kannst es per Template vielleicht so ausgeben, aber es ist nicht valide. Firefox z.B. "repariert" dann das HTML, aber leider so, dass die Seite danach kaputt ist. Er nimmt praktisch das zweite, innere <a> raus und beendet dann das äußere, verbleibende a-Tag durch das </a> deines inneren Tags. Du solltest das so nicht ausgeben.

Edit: Wenn die Tabelle keinen Link enthält mag es aber wohl so funktionieren.

[planepix]

Vielleicht auch noch ein Ansatz, wenn das Inhaltselement Tabelle verwendet wird:
https://packagist.org/packages/termi...ntao-rte_table

Dann kann jede Tabellenzelle mit dem TinyMCE genutzt werden und darin auch Links bearbeitet werden.

[mlweb]

@planepix
Die innerhalb der Tabelle vorhandenen Links sind nicht sein Problem, wenn ich das richtig verstanden habe. Zusätzlich soll das gesamte Element inclusive Tabelle verlinkt werden und hier liegt das Problem.

@c.stege Gib doch mal bitte einen Link zur Seite.
Muss denn das Bild in der Tabelle überhaupt einzeln verlinkt werden, oder reicht ein Link um den gesamten Inhalt?
Du sprachst mal am Anfang von einer Box, ist der Inhalt tatsächlich tabellarischer Inhalt oder wurde die Tabelle nur aus Layoutgründen eingesetzt?

[c.stege]

@planepix
Die innerhalb der Tabelle vorhandenen Links sind nicht sein Problem, wenn ich das richtig verstanden habe. Zusätzlich soll das gesamte Element inclusive Tabelle verlinkt werden und hier liegt das Problem.

@c.stege Gib doch mal bitte einen Link zur Seite.
Muss denn das Bild in der Tabelle überhaupt einzeln verlinkt werden, oder reicht ein Link um den gesamten Inhalt?
Du sprachst mal am Anfang von einer Box, ist der Inhalt tatsächlich tabellarischer Inhalt oder wurde die Tabelle nur aus Layoutgründen eingesetzt?

Die Seite läuft noch lokal, da ich einige Dinge teste.
Grundsätzlich reicht eine globale Verlinkung vollkommen aus, sry für die Verwirrung.
Hatte vorher nur das Bild verlinkt aber das ist aus der Sicht der Benutzerführung quatsch.

[zoglo]

Die Seite läuft noch lokal, da ich einige Dinge teste.
Grundsätzlich reicht eine globale Verlinkung vollkommen aus, sry für die Verwirrung.
Hatte vorher nur das Bild verlinkt aber das ist aus der Sicht der Benutzerführung quatsch.

Gibt genug Spezialisten, welche einen a-tag um einen a-tag wrappen und dann erwarten, dass es funktioniert, es sogar wollen!

Wenn es wirklich nicht anders geht, weil Kunde es so will (und Kunde es zahlt, nach der Erklärung, dass es unmöglich ist), dann mit EventListenern arbeiten und dir den redirect selber schreiben...

• window.location.href
• window.open('url')

Wenn Kunde will, wenn Kunde dafür auch zahlt, wenn es nicht illegal ist (falls rechtlich unklar, dann mit Unterschrift und Pflichtenheft und auch wer dafür haftet), dann kann man natürlich vieles programmieren.

[planepix]

Danke dir - ich habe Sascha mal direkt angepingt

Sascha hat den PR gemergt. Eben unter 5.3.12 installiert.