À 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.

Évaluez votre expérience

Notes de version pour la version 2.7.11.0

Features

- Improved the aspect of the preferences page

Highlight.js

- Switch to v11.0.1: Support for new languages and new themes (see highlight.js changelog for details)
- The default set of language for autodetection has got new entries (to reflect the list of “common” languages as per the download page on highlight.js website)

Bug fixes

- Fix race condition between language list generation, and activation of the checkboxes, in the preferences page
- Suppress a warning in the console that was due to closing the popup too early
- Remove useless debug messages

Misc

- Add a Makefile to help with compiling, checking, running the add-on
- Build the embedded library from its sources, and to do so, add highlight.js as a Git submodule
- Use a linter (ESLint)
- Code clean-up

Utilisé par