Objectifs
Nous avons progressivement mis en place de petites modifications préparatoires, telles que le déplacement de l’interrupteur d’aperçu, l’intégration des suggestions IA et l’ajout de GIF dans la barre d’outils. Nous sommes désormais prêts à tester le changement majeur, disponible en tant que modification expérimentale à venir.
Nos principaux objectifs sont :
- Mettre à jour le composeur conformément à nos modifications générales visant à moderniser notre apparence et notre interface
- Améliorer l’expérience de rédaction sur mobile
Nous aimerions beaucoup que vous nous aidiez à le tester avant qu’il n’avance davantage dans le processus.
Comment l’essayer
- Accédez à votre Administration → Modifications à venir via
/admin/config/upcoming-changes - Trouvez Refonte du composeur et activez-le
- Ouvrez le composeur (réponse, nouveau sujet ou nouveau message) et testez-le sur ordinateur et sur mobile
Vous pouvez le désactiver à tout moment depuis le même endroit. Ici sur Meta, vous pouvez rejoindre le nouveau groupe de test composer-testers. Sur Meta, il est désormais activé pour tout le monde.
Nous avons particulièrement besoin de retours de la part de ceux qui exécutent des composants de thème ou des plugins qui personnalisent le composeur — cette refonte modifie légèrement la structure du composeur, pas seulement son style. Plus de détails ci-dessous.
Ce qui a changé
Mise en page et structure
Général
- Le titre a été intégré au contenu, lui donnant un aspect plus proche d’un titre de document (les utilisateurs de Notion devraient y être familiers)
- La barre d’outils a été déplacée dans le pied de page. Cela nécessitera un petit ajustement de la mémoire musculaire (cela m’a aussi agacé pendant les premiers jours
) - Réorganisation des champs de catégorie et de balises (y compris une icône de balise et un affichage de sélection minimal)
- Moins de bordures, sensation plus aérée
Markdown
- Le titre, la catégorie et les balises se trouvent désormais dans une zone de métadonnées pleine largeur au-dessus du panneau éditeur + aperçu, au lieu d’être limités à la colonne de gauche.
Mobile
Un facteur moteur majeur de ce projet est la volonté d’améliorer l’expérience mobile. Il y a eu une abondance de plaintes justifiées à ce sujet sur Meta au fil des ans [1] [2] [3].
Pour augmenter l’espace disponible lors de la rédaction, nous expérimentons un éditeur extensible, qui se déplie vers le haut au focus, recouvrant les champs du composeur, et reste déployé tant que l’éditeur est en focus. Cela s’applique lors de la création d’un nouveau sujet ou d’un nouveau MP, mais pas lors d’une réponse.
Cela plus que double l’espace d’écriture disponible, passant de 103px à 212px (lors des tests sur mon appareil – les résultats réels peuvent varier).
Autres
- L’interrupteur de la barre d’outils est supprimé dans la nouvelle mise en page
- Balayez vers le bas pour fermer le clavier et replier l’éditeur à sa taille normale
- Les balises choisies ne sont visibles que lorsque le menu est ouvert. L’icône est colorée pour indiquer qu’une sélection a été effectuée.
Retours
Cela reste très expérimental et je suis principalement intéressé par la découverte de son fonctionnement sur des tailles d’écran standard (ordinateur et mobile) sur Foundation. Les tablettes, les téléphones pliables, les autres thèmes, etc., n’ont pas encore été optimisés.
Appel aux créateurs de thèmes et de plugins 
Si vous vous connectez aux points de sortie (outlets) de plugins du composeur ou que vous stylisez le composeur, veuillez tester avec la refonte activée. Le DOM a bougé, et certaines personnalisations peuvent nécessiter des ajustements :
- Le bloc de champs du composeur est désormais rendu comme un enfant pleine largeur du conteneur de l’éditeur, et non plus à l’intérieur de la colonne de texte de l’éditeur
- Le contenu injecté dans le point de sortie
composer-fieldsapparaît désormais au-dessus du titre (entre le groupe catégorie/balises et le titre), en pleine largeur - Le champ de titre est rendu comme sa propre ligne, séparé du groupe catégorie/balises et situé en dessous plutôt qu’au-dessus
Aucun point de sortie n’a été renommé ou supprimé (bien que cela puisse arriver plus tard pour s’ajuster sémantiquement aux changements) — vos connecteurs s’attacheront toujours. Ce qui a changé, c’est où et avec quelle largeur votre contenu est rendu.
Si vous repérez quelque chose de cassé dans votre thème ou plugin, veuillez répondre ici avec le composant/plugin et une capture d’écran. C’est exactement à cela que sert cette phase de test.
Design 
Voici quelques compromis ou décisions de design sur lesquels je suis moi-même indécis et qui pourraient bénéficier d’apports. Tout le reste est bien sûr le bienvenu.
A) Pourquoi le champ de titre est-il si grand ?
L’idée est qu’il est augmenté à une taille supérieure à celle d’un H1 ajouté manuellement, pour s’assurer qu’il est toujours visuellement le titre du document. Parfois je le regarde et je pense “c’est laid”, d’autres fois je me dis “oui, ça marche”.
Une autre idée serait de réduire légèrement les titres existants pour obtenir le même effet.
Révoqué dans une itération suivante.
B) Les balises masquées sont-elles un problème…
…assez important pour ne pas valoir le compromis sur mobile (plus d’espace pour la catégorie) ?
Si oui, pourquoi ?
C) Comment l’animation de l’éditeur extensible fonctionne-t-elle sur votre appareil ?
Est-ce que ça bugue ? C’est suffisant ? C’est une amélioration ? Idées alternatives ou ajustements pour l’améliorer ?
D) Et le bouton de suggestion de titre par IA~~ ?~~
Je n’aime pas trop moi-même le fait qu’il flotte tout seul là-bas. Quelle est la sensation pour les autres (qui l’utilisent) ? Très ouvert aux idées de design.
Déplacé pour ne pas gêner, voir Les suggestions de titre par IA passent dans l’assistant du composeur
Merci de nous aider à bien faire les choses avant son déploiement plus large. 
Cela me semble être une façon bien plus moderne et élégante de composer. J’ai aussi essayé par le passé de déplacer la barre d’outils en bas, et je trouve que c’est beaucoup plus confortable ainsi.
