Nous travaillons sur un nouveau mode d’éditeur de texte enrichi pour notre compositeur afin de faciliter la rédaction sur Discourse. Nous sommes maintenant prêts à commencer à le tester pour obtenir plus de commentaires de notre communauté sur cette fonctionnalité !
Notre implémentation s’appuie sur l’excellent ProseMirror et son module Markdown non essentiel, en utilisant le schéma, l’analyse et les définitions de sérialisation du module comme base pour d’autres fonctionnalités spécifiques à Discourse.
Ce sujet servira à la fois de guide pour tester le nouveau compositeur et de hub pour suivre les commentaires. Merci d’avance pour toute votre aide ! ![]()
Utiliser le nouveau compositeur dans votre communauté
Nous considérons toujours le compositeur comme expérimental, mais vous pouvez commencer à l’utiliser dans votre communauté en activant le paramètre rich editor :
Connaître le nouveau compositeur
Le nouveau compositeur est un éditeur de texte enrichi qui simplifie l’expérience de rédaction, en particulier pour les utilisateurs non techniques qui ne sont pas à l’aise avec Markdown. Cet éditeur prend toujours en charge Markdown, mais le formatage est rendu immédiatement pour une expérience WYSIWYG (« ce que vous voyez est ce que vous obtenez ») qui ressemble à d’autres outils de composition web modernes (comme Notion ou Google Docs).
Pour accéder au nouveau compositeur, cliquez sur le commutateur dans la barre d’outils. Cela vous permettra de passer du mode actuel uniquement Markdown au nouvel éditeur de texte enrichi. Vous pouvez cliquer à nouveau sur le commutateur pour revenir en arrière, si nécessaire.
![]()
Ce que vous testez aujourd’hui est la première version du nouveau compositeur. Il n’est pas encore destiné à remplacer complètement le compositeur actuel uniquement Markdown. Nous nous sommes d’abord concentrés sur les bases, qui devraient couvrir les besoins de la plupart des utilisateurs.
Veuillez examiner les sections ci-dessous pour comprendre ce qui est actuellement possible et ce qui n’est pas encore prêt dans le nouveau compositeur. Nous mettrons à jour ces sections au fil du temps à mesure que le support s’étendra !
Fonctionnalités prises en charge
Les fonctionnalités suivantes sont prises en charge dans le nouveau compositeur :
- Possibilité d’ajouter un titre et de définir des catégories et des tags
- Éditeur à volet unique en mode éditeur de texte enrichi (c’est-à-dire pas de volet de prévisualisation)
- Commutateur pour passer des modes éditeur uniquement Markdown et éditeur de texte enrichi
- Formatage de base [1] pris en charge en Markdown, raccourcis clavier et icônes de barre d’outils
- Support des emojis
- Conversion automatique de Markdown en texte enrichi lors du collage de texte brut (par exemple,
**gras**→ gras) - Conversion automatique d’émoticônes (par exemple,
:)→
) - Interface utilisateur d’image pour redimensionner, légender ou grouper des images ajoutées
- Interface utilisateur de lien pour visiter, modifier, copier ou supprimer des liens ajoutés et modifier leurs titres
- Interface de création de tableaux
- Interface de création de sondages
- Notes de bas de page
- Support des mentions et des hashtags
- HTML en ligne
<html>[2] - Remplacements typographiques (par exemple, ™ , → , ± )
- Téléchargements d’images
- Pièces jointes de fichiers
- Citations de sujets et de discussions
- Masquer les détails
- Spoiler flou (avec limitations, voir la section Fonctionnalités manquantes)
- Oneboxes
- Conversion automatique de la règle horizontale (c’est-à-dire taper
---convertit en règle horizontale)
Fonctionnalités manquantes
Les fonctionnalités suivantes que nous savons être actuellement manquantes ou pas encore entièrement prises en charge dans le nouveau compositeur :
- Interface utilisateur de tableau pour ajouter ou supprimer des colonnes et des lignes après la création du tableau
- Interface utilisateur de sondage pour modifier des sondages précédemment créés
- Support de barre d’outils pour ajouter des titres
- Support amélioré du spoiler flou pour ajouter du flou au texte existant, prendre en charge le flou en ligne et faciliter la suppression du flou.
- Tout ce qui n’est pas explicitement noté dans la section des fonctionnalités prises en charge (par exemple, le support des diagrammes Mermaid)
Tester et partager vos commentaires
Lorsque vous testez, vous pourriez rencontrer des problèmes où le compositeur ne se comporte pas comme prévu. Lorsque cela se produit, veuillez nous en informer ! Vos commentaires sont un atout inestimable pour nous aider à améliorer le nouveau compositeur afin qu’il soit prêt à être mis à disposition dans votre communauté.
Veuillez fournir des étapes de reproduction spécifiques, des informations sur votre navigateur / appareil, et toutes captures d’écran ou enregistrements pertinents ! Vous pouvez également consulter notre suivi des problèmes connus ci-dessous pour voir si quelqu’un a déjà signalé ce que vous voyez. Nous maintiendrons ces sections à jour à mesure que nous identifierons et corrigerons les problèmes.
N’oubliez pas que vous pouvez toujours revenir au mode uniquement Markdown en utilisant le commutateur si vous rencontrez un problème avec le nouveau compositeur.
Bugs
- Sur Firefox, il semble que vous ne puissiez pas positionner le curseur avant une mention lorsqu’elle commence le message (c’est en fait possible mais visuellement peu clair)
Problèmes d’UX
- Empêcher certains formats partiels sur les liens pour éviter un style inattendu
- Appliquer un rendu visuel / une validation attendue aux hashtags de catégories, de tags et de canaux de discussion
- Appliquer un rendu visuel / une validation attendue aux mentions d’utilisateurs et de groupes
- Le curseur est focalisé à l’intérieur de la citation (au lieu de la ligne en dessous) lors du début d’un message avec une citation ou lors de la copie / du collage de citations
Améliorations pour les développeurs
- Améliorer l’analyse du HTML en ligne (par exemple, pour
<a>)
Gras, italique, souligné (pas de support de barre d’outils), barré (uniquement Markdown via
~~), liens, citations, code, cases à cocher (uniquement Markdown via[ ]; support de barre d’outils à venir), listes à puces, listes numérotées ↩︎Certains sont convertis en Markdown le plus proche (par exemple, s, strike, strong, b, em, i, code ; u n’est spécifiquement pas pris en charge car il ne se convertit pas en un vrai soulignement) ; d’autres seront autorisés en tant que nœuds « html_inline » (par exemple, kbd, sup, sub, small, big, del, ins, mark) ↩︎







