Suivi - Syntaxe markdown suggestions d’extension markdown pour faire des lignes d’image

#1761 Posté par (page perso) . État de l'entrée : ouverte Licence CC by-sa
Tags : aucun
0
26
oct.
2017

Je rêve d’une balise qui permettrait simplement d’aligner des images sur une même ligne sans faire de tableau, ou de les insérer dans une ligne de texte.

L’idée serait d’entourer le paragraphe complètement, un peu comme la balise code :

 ~~~
 Ceci est une [image](//linuxfr.org/images/icones/chat.svg) alignée dans le texte.
 ~~~

 Ceci est une suite de logos DLFP alignés, trois sur la première ligne, deux sur la seconde:

 ~~~
 ![logo classic](//linuxfr.org/images/logos/linuxfr2_classic.png) ![logo grises](//img.linuxfr.org/images/contrib/grises/linuxfr-logo.png) ![logo classic](//linuxfr.org/images/logos/linuxfr2_classic.png)
 ![logo classic](//linuxfr.org/images/logos/linuxfr2_classic.png) ![logo grises](//img.linuxfr.org/images/contrib/grises/linuxfr-logo.png)
 ~~~

On pourrait imaginer que s’il n’y a que des images, la ligne serait alignée sur le centre, alors que s’il y a du texte autre que des caractères invisibles, la ligne serait alignée à gauche.

L’idée aussi serait de pondre quelque chose d’assez sexy pour que d’autres implémentations markdown en aient envie ! L’idée de trois caractères identiques sur une seule ligne avant et après (comme pour la zone de code) me plaît beaucoup. Je pensais à ~~~ par exemple mais ça peut prêter confusion avec le balisage de raturage, et de toute façon l’implémentation markdown de DLFP utilise déjà cela comme un balisage alternatif pour le code.

Qu’en pensez-vous ?


Cela dit en passant, qu’est ce que c’est dommage de dilapider tous les caractères imaginables pour faire la même chose, il y a donc au moins quatre méthodes différentes pour marquer du code…

Dans l’exemple ci-dessus j’ai placé soigneusement quelques espaces insécables fines par-ci par-là pour tromper le parseur, sinon je ne pouvais pas mettre trois tilde d’affilée (il le prenait pour une balise fermante après les trois backquotes de balise ouvrante).

  • # rrr

    Posté par (page perso) . Évalué à 2 (+0/-0).

    pour référence:

     ``` est utilisé comme balise de code de code
     ~~~ est utilisé comme balise de code alternative à ```
     === est utilisé comme balise de titre lorsque placé sous un texte
     --- est utilisé comme balise de titre lorsque placé sous un texte
     ___ est utilisé comme ligne horizontale
    

    je ne sais pas ce qui nous reste…

    ce commentaire est sous licence cc by 4 et précédentes

  • # autre idée

    Posté par (page perso) . Évalué à 2 (+0/-0). Dernière modification le 26/10/17 à 12:55.

    Sinon une autre idée serait de surcharger la balise image en l’entourant de {} :

    Ceci est une {[image](//linuxfr.org/images/icones/chat.svg)} alignée dans le texte.
    
    Ceci est une suite de logos DLFP alignés, trois sur la première ligne, deux sur la seconde:
    
    {![logo classic](//linuxfr.org/images/logos/linuxfr2_classic.png)} {![logo grises](//img.linuxfr.org/images/contrib/grises/linuxfr-logo.png)} {![logo classic](//linuxfr.org/images/logos/linuxfr2_classic.png)}
    {![logo classic](//linuxfr.org/images/logos/linuxfr2_classic.png)} {![logo grises](//img.linuxfr.org/images/contrib/grises/linuxfr-logo.png)}
    

    Là encore il serait cool si le parseur savait détecter qu’il n’y a que des images dans la ligne, pour centrer la ligne.

    ce commentaire est sous licence cc by 4 et précédentes

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.