Enlight par Qeole

Coloration syntaxique sur code source brut.

4.6 (17 critiques)

238 utilisateurs·trices

Télécharger Firefox et obtenir l’extension

Télécharger le fichier

À propos de cette extension

Coloration syntaxique pour du code source brut affiché dans l'onglet courant.

Pour activer la coloration, cliquer sur le bouton de l'extension dans la barre d'outils de Firefox, et sélectionner le langage à utiliser pour la syntaxe (ou bien Détection auto pour tenter de détecter automatiquement le langage à utiliser). Il est également possible de sélectionner le thème de couleurs à utiliser, ou de rajouter la numérotation des lignes du code visionné, en passant par l'onglet de gestion des extensions.

Lorsque la numérotation des lignes est activée, il est possible de sauter directement à une ligne donnée du fichier visionné (par exemple, la ligne 27) en ajoutant « #l27 » à la fin de l'URL puis en rechargeant la page (valider avec « Entrée » n'est pas suffisant).

La coloration syntaxique en elle-même repose sur le code du projet highlight.js (voir https://highlightjs.org). La version actuelle de l'extension embarque la version 10.1.1 du code de highlight.js, qui fournit 94 thèmes de couleurs ainsi que la syntaxe de 189 langages.

Commentaires du développeur

Embarque une version empaquetée de highlight.js. Il est possible de récupérer un code identique sur la page https://highlightjs.org/download/.

Techniquement, le fonctionnement interne de l'extension se résume comme suit : lorsqu'un langage est sélectionné depuis le panneau, l'extension cherche le code placé entre balises <pre></pre> dans l'onglet courrant, et l'insère dans un bloc <code></code>. Elle rajoute également un lien (local) vers la feuille de style CSS correspondant au thème à utiliser. Le script fourni par le projet highlight.js prend alors la relève pour colorer le texte. Le contenu initial du document est sauvegardé dans un <div> caché en vue d'une restauration ultérieure.
Cela fonctionne notamment très bien sur les fichiers textes contenant du code brut, car (afin de préserver l'espacement et les retours à la ligne) Firefox insère automatiquement ce texte entre des balises <pre></pre> avant de l'afficher.

Si vous souhaitez participer à l'amélioration du support des langages, le code de highlight.js est sur GitHub.

Si vous souhaitez proposer des améliorations pour l'extension elle-même, n'hésitez pas à ouvrir un bug ou à soumettre une pull request sur le dépôt GitHub de l'extension.

Noté 4,6 par 17 personnes

Autorisations nécessaires :