core
core copied to clipboard
contao
Link-Funktion um ein ganzes Inhaltselement zu umschließen (HTML5)
Bei HTML5 ist es erlaubt, dass man auch mehrere Elemente/Blockelemente mit einem Link gesamt umschließt. So kann man beispielsweise eine Informationsbox mit Überschrift, Thumbnail-Bild und Teasertext erstellen und dann diese drei Elemente gesamt mit einem Link umfassen.
Da wir mir Contao HTML5 unterstützen, wäre es gut, wenn wir auch für diese Funktionalität eine leichte Umsetzung für Redakteure anbieten. Derzeit wäre das obige Beispiel für Redakteure nur nachbaubar, indem sie die Elemente alle im RTE des Text-Elements anlegen und dann irgendwie versuchen alle Elemente zu markieren und da einen gemeinsamen Link außenrum zu bekommen. Ich kann aus Erfahrung sagen, dass das für Redakteure fast unmöglich ist.
Deshalb schlage ich vor, dass geeignete Inhaltselemente eine neue Einstellmöglichkeit außerhalb des RTEs erhalten: "Gesamtes Element mit einem Link versehen"
Das ergäbe beim Text-Inhaltselement beispielhaften diesen groben HTML-Aufbau:
<a href="beispiellink.html">
<section class="ce_text block">
<h2>Beispielüberschrift</h2>
<figure class="image_container">
<img src="tl_files/bilder/bild.jpg" alt="Beispielbild" height="100" width="200">
</figure>
<p>Ein bisschen Beispieltext</p>
</section>
</a>
--- Originally created on September 14th, 2011, at 07:34pm (ID 3473)
Siehe Erklärung bei WhatWG und das dort gezeigte HTML-Beispiel (bezieht sich auch auf eine section) [http://developers.whatwg.org/text-level-semantics.html#the-a-element]
--- Originally created on September 14th, 2011, at 07:37pm
Das wären eher zwei CE's mit START und STOP à la Accordion, oder denkst Du nicht? Dann würde ich das bestehende Hyperlink-CE um eine Einstellung "Nachfolgende Inhaltselemente bis zum nächsten Inhaltselement "Hyperlink Ende" umschliessen" erweitern und ein neues Inhaltselement "Hyperlink Ende" anbieten, welches eigentlich nur "" ausgibt =) Äh, die Checkbox lässt sich sicher besser benennen, aber mir ist grad nix Gescheites eingefallen :)
--- Originally created on September 14th, 2011, at 08:20pm
Ich denke, das sollte nicht in den Core, sonst kommen die Redakteure noch auf die Idee das zu benutzen. Bei xhtml ist das nicht gültig. Und es ist auch eher die Ausnahme, dass man sowas macht. Meiner Meinung nach ein Fall für eine Erweiterung.
@NinaG es ginge auch sehr einfach mit zwei HTML-Elementen, welche den <a>-Tag öffnen und schliessen?
Ich finde das auch eher komisch, denn ein Inhaltselement hat ja normalerweise auch eine ce_sonstwas Klasse etc.?
Mh, mir gefällt die Idee, man könnte das sogar per Checkbox machen, aber ich finde die Idee von @Toflar besser zwecks Flexibilität.
@Aybee ja du hast recht, man müsste sich überlegen, wie man bei XHTML damit umgeht. Vielleicht als <div> mit einem onclick handler? Aber so eine große Ausnahme ist das nicht, ich verwende das schon des öfteren, seit ich HTML5 einsetze ;-)
(vorher waren es halt a's mit ganz vielen span's die ich per CSS auf display:block gesetzt habe g
Ich fände das von @NinaG beschriebene Feature sehr praktisch. Gibt es hier etwas neues? Wenn es nicht in den Core kommt vielleicht als Erweiterung?
Das müsste mit dieser Erweiterung umzusetzen sein https://contao.org/de/extension-list/view/semantic_html5.de.html
Man könnte solch eine Funktionalität theoretisch in den Artikeleigenschaften verankern, d.h. in den Artikeleinstellungen könnte ich einen Link anlegen und somit wird um alle CE innerhalb des Artikels ein Link generiert und man muss nicht mit Anfang- und Ende-CE's arbeiten.
@Aybee Mit der von Dir erwähnten Erweiterung geht es standardmäßig nicht, da ich den Elementen kein href-Parameter mitgeben kann.
Ach, sorry, war zu schnell, hatte nur "umschließen" und "HTML5" wahr genommen, hatte Link-Funktion verpennt - guten Morgen ;)
Gibt es zu diesem Thema was Neues? So selten kommt es nicht mehr vor, dass man ganze Inhaltsblöcke oder Boxen verlinken möchte.
Wenn man im Tiny z.B. Überschrift und Text mit einem a-Tag umschließen will, schmeißt der MCE den umschließenden Link wieder raus. Würde das funktionieren, könnte man entsprechende Tiny-Vorlagen für Kunden anlegen.
Versuch mal im Tiny schema auf html5 oder extended_valid_elements zu setzen.
http://www.tinymce.com/wiki.php/Configuration:schema
http://www.tinymce.com/wiki.php/Configuration:extended_valid_elements
Hallo Zusammen, dasselbe Lösung möchte ich auch haben. Wer hat so eine Lösung fertig gebracht? Einfach die Überschriften verlinken!
Für Contao 3.5 kann man diese Erweiterung nutzen: https://github.com/Sioweb/contao_linkedElement
Eine Anfrage, ob auch ein Update für Contao 4.4.x geplant ist, habe ich gestellt.
