Transformer les balises SPOILER en pure HTML avec SUMMARY et DETAILS

[A-312]

https://www.alsacreations.com/article/lire/1335-html5-details-summary.html

Il faudrait avoir :

<details><summary>TITRE</summary>
<div>
<p>CONTENU</p>
</div>
</details>

TITRE

CONTENU

RAISON : On aurait plus besoin de l'event "onclick"

Attention lors du Q/A :

• Vérifier la hiérarchie des <p> ;
• Voir le comportement de Spoiler et blocs enfants = bugs #5416, si on corrige le soucis ou non ;
• Ne pas oublier le support pour l'ancien format

2ème étape :

• Modifier ZMD pour qu'il utilise directement SUMMARY et DETAILS au lieu du format en div (= 2ème break change).

[artragis]

il suffit d'activer un flag dans zmd, ensuite si on gère bien les choses c'est qu'une question de classe CSS.

Par contre il faut absolument mieux styliser la chose car la flèche elle est moche.

[AmauryCarrade]

Attention que <détails> n'est pas supporté par Edge (et IE 11 mais je ne crois pas qu'on le supporte de toute façon). Il faudra peut-être un fallback.

[A-312]

Ah EDGE... :-/

[artragis]

edge est aujourd'hui sur chromium donc je dirais que c'est supporté. Tu as une source @AmauryCarrade ?

[A-312]

Ne fonctionne pas sous Edge 44

[AmauryCarrade]

Ma source c'est CanIUse. Mais effectivement quand Edge sera sous Blink cette remarque deviendra caduque.

[Situphen]

Mise en place lors du passage à zmarkdown 11 avec #6276