Ce guide explique comment personnaliser la hauteur par défaut de l’éditeur lors de la création de nouveaux sujets ou de réponses dans Discourse.
Niveau d’utilisateur requis : Administrateur ou Développeur de thème
Vue d’ensemble
Discourse vous permet de personnaliser la hauteur par défaut de l’éditeur lorsque les utilisateurs créent de nouveaux sujets ou répondent à des sujets existants. Cela peut améliorer l’expérience utilisateur en offrant un espace d’édition plus confortable en fonction des besoins de votre communauté.
Définir des hauteurs d’éditeur personnalisées
Discourse fournit deux propriétés CSS personnalisées qui contrôlent les hauteurs par défaut de l’éditeur :
-
--reply-composer-height
Contrôle la hauteur initiale lors de la réponse à un sujet -
--new-topic-composer-height
Contrôle la hauteur initiale lors de la création d’un nouveau sujet
Pour modifier ces valeurs, ajoutez le CSS suivant à votre thème :
:root {
--reply-composer-height: 255px;
--new-topic-composer-height: 400px;
}
Ajustez les valeurs en pixels pour répondre à vos besoins spécifiques. Les valeurs par défaut indiquées ci-dessus ne sont que des exemples.
Préférences utilisateur
Ces modifications CSS n’affectent que la hauteur par défaut initiale. Si les utilisateurs redimensionnent manuellement leur éditeur en faisant glisser la poignée, Discourse mémorise leur réglage de hauteur préféré pour les sessions futures. Les préférences utilisateur ont toujours la priorité sur ces valeurs par défaut.
Où ajouter ce code
La méthode recommandée est de créer un nouveau composant de thème avec ces modifications. Vous pouvez suivre le guide pour apporter des modifications CSS personnalisées sur votre site.
Tester vos modifications
Après avoir appliqué ces modifications, créez un nouveau sujet et répondez à un sujet existant pour vérifier que l’éditeur apparaît à la hauteur souhaitée.