Ceci est un simple composant de thème qui ajoute des numéros de ligne aux blocs de code dans les publications Discourse. Il n’ajoutera pas de numéros de ligne pour le code en ligne, les blocs de moins de 2 lignes, ou aux blocs de code cités. Il ignore également le code onebox de Github. De plus, le composant vous permettra de changer la taille de la police et d’ajouter un titre d’en-tête qui apparaîtra avant le langage de code (s’il est spécifié après la première clôture de code).
Merci à @Don pour son excellent travail sur ce projet également.
Veuillez ajouter la possibilité de choisir un thème sombre ou clair, car ma page de discussion est par défaut en thème clair, mais le bloc de code est personnalisé en thème sombre style GitHub.
Voici l’état lorsque la page Discourse utilise un thème clair et que le bloc de code est configuré pour s’afficher dans un style GitHub sombre
Voici également quelques personnalisations concernant l’affichage des blocs de code sur ma page Discourse.
J’espère que cela sera utile à quelqu’un et rendra sa page Discourse plus intéressante
Y a-t-il une chance que cette fonctionnalité soit ajoutée à la ligne principale de Discourse ? Le plan d’hébergement économique que j’utilise ne prend pas en charge les plugins discrétionnaires et autres. Et cela semble très utile. Mes remerciements à @Lilly et aux autres développeurs et testeurs.
@merefield Merci. Je viens de déposer une demande de clarification auprès de mon fournisseur et on m’a attribué un ticket. Si quelque chose de notable survient, je vous tiendrai informé.
C’est effectivement une affaire pour les administrateurs ! Je suis allé sur \u003chttps://meta.discourse.org/t/code-block-line-numbers/330130\u003e, j’ai cliqué sur le bouton bleu « Installer ce composant de thème », j’ai entré le nom de mon forum, puis j’ai confirmé cette action depuis mon interface de forum. Jusqu’ici tout va bien.
Cette fonctionnalité était alors répertoriée comme un composant (je suppose que c’est techniquement un composant de thème) et indique la version 0.0.2. Mais la boîte de dialogue suggère que cet artefact est actuellement considéré comme un « composant inutilisé ». Et de simples essais utilisant la syntaxe des trois back-ticks ``` n’ont pas rendu les numéros de ligne.
Y a-t-il autre chose que je doive faire ? Merci d’avance.
@robbie.morrison veuillez lire le message du sujet (premier message de ce sujet) car il contient toutes les informations dont vous avez besoin, et reportez-vous également à ces instructions si vous installez des composants de thème sur votre instance.
@merefield@Lilly Merci beaucoup. J’avais besoin d’ajouter ce composant de thème à mon thème « par défaut ». Comme expliqué ici : ajout de composants à un thème. Et cela fonctionne (notant que j’avais précédemment ajouté la mauvaise capture d’écran) :
Quelques commentaires sur la documentation. L’emplacement correct est, je crois : Composants ➔ Personnaliser ➔ Thèmes. Et la section sur l’ajout aux thèmes (voir l’URL ci-dessus) semble quelque peu plus discrétionnaire qu’elle ne l’est. Peut-être que cette formulation serait meilleure : « Vous devrez ajouter explicitement votre composant de thème à un thème avant qu’il ne devienne opérationnel. Cela inclut le thème « par défaut ».
Merci à tous pour votre intérêt et votre temps. J’ai également un petit rapport de bug pour mon prochain message.
Mon rapport de bug comme promis. Le bloc de code suivant de GitHub était déjà numéroté. Après l’installation du composant de thème intitulé Numéros de ligne de bloc de code Discourse, les lignes vides alternées ont été incluses.
La publication originale est ici. Et l’information est venue via une simple URL. Plus sur les diagrammes de Sankey sur Wikipedia FR pour ceux qui sont intéressés !
Clarification ; par lignes vides alternées, j’entends les lignes entièrement vides sans aucun texte. Le rendu précédent n’était pas espacé de cette manière.
ah oui le problème de numéro de ligne github. J’y jetterai un coup d’œil plus tard cette semaine quand j’aurai un peu de temps et j’y ajouterai une condition. merci !
J’ai apporté quelques améliorations à ce composant et j’ai également ajouté quelques paramètres pour ajouter un titre d’en-tête aux blocs de code et modifier la taille de la police. J’ai également corrigé les problèmes de formatage des onebox Github (merci pour la PR @gormus ! ). J’ai mis à jour l’OP et ajouté de nouvelles captures d’écran ainsi qu’un lien vers l’aperçu du créateur de thèmes.
Ce composant a de nouveau été mis à jour - J’ai corrigé un bug où le titre s’affichait sur les diagrammes Mermaid.
De plus, @Don a effectué un refactoring du js, nettoyé du code, et ajouté une mise en forme plus agréable, y compris une bordure et la langue du code dans l’en-tête si elle est spécifiée dans le post. (Merci Don ).
Description de l’OP et captures d’écran mises à jour.
Fonctionne en mode bureau et mobile. 
Remarque : si vous utilisez du CSS pour envelopper les blocs de code sur votre forum, ce composant comptera l’enveloppement. 
). J’ai mis à jour l’OP et ajouté de nouvelles captures d’écran ainsi qu’un lien vers l’aperçu du créateur de thèmes.
).
