cerdic a rédigé il y a 9 mois et marcimat a validé il y a 9 mois

(cherry picked from commit e9ea3e26)

fix: bien prendre en compte les éventuelles largeur & hauteur passées au modèle lors de l'insertion d'une image SVG

afin de la réduire uniquement

retour sur !4974

Ref: #4913

fix: bien prendre en compte les éventuelles largeur & hauteur passées au modèle lors de l'insertion d'une image SVG

Fix: #4913

Fix #4857 : on utilise un filtre (surchargeable) et un define pour determiner le comportement autolien des images, ce qui donne toute latitude de personalisation (en fonction du media, de l'extension, de la taille voir du id_document eventuellement fourni)

Les images SVG sont integrees dans le html avec le modele emb au lieu d'etre affichee avec une balise img (Fix https://discuter.spip.net/t/re-spip-dev-spip-3-3-0-dev-pb-avec-certains-fichiers-svg/154565/6)

Pas de class mediabox sur les modeles images avec un lien passe au modele, car ce peut etre n'importe quoi. On laisse l'auto-detection de la mediabox agir. Fix https://core.spip.net/issues/4785

#4506 : on revoit le markup des modeles document pour supprimer le `max-width` en dur
- on ajoute un div conteneur qui porte les classes `spip_document*`
- le `<figure>` porte une classe `spip_doc_inner`
- les classes au pluriel `spip_documents_*` sont doublees d'un renommage au singulier `spip_document_*` comme cela a été fait pour `spip_logo`
- on supprime le `max-width` en dur

Avec ça les modèles doc tombent a peu près bien par défaut sur un squelette stylé pour les anciens modèles doc, sauf audio et video dont le player ne se centre pas et quelques petits cas limites

- il suffit d'**ajouter** les règles CSS suivantes pour adapter un squelette aux nouveaux modèles :
```
.spip_document { display: flex; justify-content: center;align-items: center}
.spip_doc_inner{ margin:0 auto;text-align: center;max-width: 100%;}
.spip_doc_inner>* {margin-left: auto;margin-right: auto;}
.spip_document .spip_doc_lien { display: inline-block; }
.spip_doc_legende { display: block; max-width: 25em; }
```

On note que ces règles ne ciblent que des classes présentes sur les nouveaux modèles, et peuvent donc être ajoutées à tout squelette sans casser l'affichage sur les versions précédentes de SPIP, ou avec le plugin de compatibilité qui rétablit les anciens modèles.

Co-authored-by: Cerdic <cedric@yterium.com>
Reviewed-on: https://git.spip.net/spip/medias/pulls/16


Co-Authored-By: cerdic <cedric@yterium.com>
Co-Committed-By: cerdic <cedric@yterium.com>

marcimat a rédigé il y a 4 ans et cerdic a validé il y a 4 ans

On ajoute pareil pour des attributs supplémentaires.
On propose d'ajouter data-legende-len et data-legende-lenx qui indique une longueur approximative de légende,
de sorte de pouvoir styler en CSS différement possiblement selon la longueur de cette légende.

marcimat a rédigé il y a 4 ans et cerdic a validé il y a 4 ans

On ajoute une classe sur le document (spip_document--legende) pour indiquer s'il contient une légende,
de sorte qu'on puisse le styler différemment avec ou sans légende (notamment pour les images...)

Fix https://core.spip.net/issues/4614 : permettre de surcharger titre/descriptif/credit des documents au cas par cas quand on insere dans le contenu

Fix #3977 : on etait presque bon avec une mediabox inseree automatiquement sauf si l'image etait deja dans un lien, ce qu'on corrige

close #4480

* on declare le routeur de modele medias_modeles_styliser qui redirige les raccourcis img, doc et emb selon la regle suivante
   - le nouveal modele correspond au champ media du document : image, audio, video, file
   - si une declinaison correspondant au raccourci initial (_img, _doc ou _emb) existe on la prend
     -> un modele file_emb.html reprend le mecanisme d'embed generique selon extension+mime-type de l'ancien modele emb.html
* les 4 modeles de base image, audio, video, file et les declinaisons file_emb sont toutes en <figure></figure>
* les styles en dur float sont supprimes, on ne garde qu'un width:{largeur}px sur l'element <figure> qui permet d'avoir un conteneur ajuste
  - il se contourne facilement par un min-width:100%; ou un width:auto !important;
* spip_doc_titre, spip_doc_descriptif et spip_doc_credits sont regroupes dans le figcaption.spip_doc_legende
* les modeles historiques doc, img et emb disparaissent. Les eventuels modeles surcharges dans squelettes/ sont ignores
* les 3 modeles image, audio et video ajoutent des conditions sur leur boucle, pour etre sur qu'on a bien a faire avec le bon type de media, et sinon renvoient vers le modele file
* le mode du document n'est plus considere dans aucun modele dans le format de l'affichage qui n'en depend donc plus du tout

En pratique donc <emb>, <img> et <doc> sont equivalents pour les medias audio, video, image (et consistent a afficher/embed le media par defaut)
Pour les autres types de media <doc> affiche le lien vers le document avec une vignette + legende, et <emb> affiche un traitement differencie en fonction du mime type
On peut utiliser le raccourci <fileXX> pour n'importe quel media
Si on utilise <imageXX> ou <audioXX> ou <videoXX> sur un media inaproprie ca affichera le contenu de <fileXX>

Report de r81208 : Report de http://core.spip.org/projects/spip/repository/revisions/21242 : ne pas injecter un largeur="0" et hauteur="0" si c'est une image (distante) dont on ne connait pas les dimensions.
(laisser faire le navigateur)