Un paramètre pour toujours insérer les images dans des paragraphes séparés

Dans notre communauté, les utilisateurs souhaitent généralement insérer des images sur une nouvelle ligne.

Cependant, ils ne comprennent pas le code Markdown pour les images et sont constamment perdus. Leur niveau de compétences informatiques est très faible.

En conséquence, ils finissent par insérer une image et taper du texte sur la même ligne, juste à côté, ou insèrent une image immédiatement après avoir saisi un bout de texte.

Cela n’est pas esthétique, et je cherche des moyens de résoudre automatiquement la majorité des cas, quitte à faire des compromis et à rendre la chose plus confuse pour les utilisateurs avancés.

Pourrions-nous avoir deux paramètres, ou du moins l’un d’entre eux ?

  1. Insérer toujours une image dans un nouveau paragraphe séparé.

  2. Insérer toujours une nouvelle ligne (ou deux nouvelles lignes pour former un paragraphe) après le code d’image qui vient d’être inséré.

Est-ce que cela a du sens ?
Ou existe-t-il une meilleure idée pour résoudre ce problème ?

11 « J'aime »

J’ai constaté cette confusion sur de nombreux sites Discourse @eviltrout.

7 « J'aime »

Je me demande si cela devrait même être un paramètre. À quelle fréquence souhaitez-vous coller une image sans nouveau paragraphe ? Peut-être que le comportement devrait être modifié pour le faire systématiquement.

8 « J'aime »

Oui, je soutiendrais cela. Si @sam est d’accord, changeons la valeur par défaut pour que ce soit le cas.

7 « J'aime »

Parfois, j’aime aligner les images à droite ou à gauche, ou insérer plusieurs images et les redimensionner à 50 % pour qu’elles ressemblent à une jolie galerie photo. Dans ces cas-là, je ne voudrais pas qu’elles soient toutes dans leur propre paragraphe.

Je ne sais pas combien de personnes font cela ou s’en soucient, par rapport au grand nombre de personnes qui sont confuses quant au fonctionnement actuel. Markdown reste encore confus pour beaucoup de gens.

1 « J'aime »

Des cas d’usage rares : nous ne devrions pas optimiser pour cela, mais pour le cas d’usage courant.

10 « J'aime »

Pour ajouter, lorsque vous téléchargez plusieurs images à la fois (sur iOS en tout cas), elles sont insérées avec uniquement un espace entre elles, donc je dois toujours revenir en arrière pour ajouter de nouvelles lignes.

3 « J'aime »

Et pendant un certain temps, nous n’avions même pas ajouté l’espace !! :scream:

7 « J'aime »

Je constate souvent que mes utilisateurs téléversent plusieurs images à la fois, puis abîment leur publication en essayant d’ajouter une légende sous une image ou en supprimant par erreur le ! initial. Ajouter deux sauts de ligne après chaque téléversement serait très utile. Y a-t-il du progrès de ce côté ?

4 « J'aime »

Oui, nous devrions reprendre cela. Cela pourrait être une tâche simple que nous pouvons intégrer dans la version… @andrei ?

6 « J'aime »

C’est implémenté comme comportement par défaut, et non comme paramètre. Lors du téléchargement d’images depuis un appareil :

  • nous ajoutons une nouvelle ligne avant une image si le curseur se trouve sur une ligne non vide
  • nous ajoutons toujours une nouvelle ligne après les images
  • nous ajoutons une nouvelle ligne entre les images lors du téléchargement de plusieurs images

Le détail important est que nous ajoutons toujours une seule nouvelle ligne, et non deux.

Cela a été fusionné maintenant :

9 « J'aime »

C’est une belle amélioration !

Une idée rapide (non testée) : est-ce que cela pose des problèmes aux composants de thème qui tentent d’afficher des images en grille ? Par exemple Tiles Image Gallery ou Masonry Image Gallery ?

6 « J'aime »

En ce qui concerne la galerie d’images Masonry, ce n’est pas un problème. Elle est codée pour gérer les sauts de ligne et les paragraphes.

Fusion réussie !

4 « J'aime »

Je suis curieux à ce sujet. D’un point de vue UX, un espace entre les images téléchargées me semble plus logique.

Sans espace ajouté :



Avec un espace ajouté :

4 « J'aime »

Je pense que c’est parfait tel quel. Nous pourrons y revenir plus tard, car c’est extrêmement mineur.

3 « J'aime »

Malheureusement, cela pose des problèmes pour Tiles Image Gallery. Je l’ai vérifié : il ne gère que les images séparées par des espaces, pas par des sauts de ligne.

Je pourrais jeter un œil à cela la semaine prochaine.

3 « J'aime »

Oui, je n’ai jamais téléchargé plusieurs images sans laisser une ligne vide entre elles. J’ajoute toujours cette ligne supplémentaire moi-même.

1 « J'aime »

C’est bien avec une seule nouvelle ligne. :+1: Facile à ajuster avec CSS.

.cooked img {
    margin-bottom: 3px;
}
5 « J'aime »

Et n’oubliez pas, si vous souhaitez ajuster l’aperçu, vous devez procéder comme ceci. :slight_smile:

.d-editor-preview img {
    margin-bottom: 3px;
}
3 « J'aime »

Voici la correction pour Tiles Image Gallery

4 « J'aime »