Syntax Highlighter / Fonctionnalités

Préparez du code facile à lire.

Collez ou importez du code, choisissez un langage et un thème, puis suivez vos modifications dans l’aperçu. Ajustez les effets de ligne et exportez du HTML ou une image PNG depuis votre navigateur.

Préparez un exemple complet, du code source au fichier à télécharger.

Code source

Collez du code, ouvrez un fichier UTF-8 ou chargez un exemple de langage.

Langages et thèmes

Recherchez des langages, alias et thèmes. Filtrez les thèmes clairs ou sombres.

Effets de ligne

Définissez les plages, couleurs et opacités des lignes mises en évidence, en focus, ajoutées ou supprimées.

Aperçu et configuration

Visualisez les changements immédiatement et consultez la configuration JSON qui détermine le résultat.

Export HTML

Copiez ou téléchargez du HTML avec des styles en ligne, un fichier CSS séparé ou Tailwind CSS.

Images et présentation

Enregistrez un PNG, réglez les numéros de ligne, repliez des sections et rendez les URL cliquables.

Essayez le parcours complet dans votre navigateur.

Chargez la démonstration pour essayer la mise en évidence, le focus, les ajouts, suppressions, replis et numéros de ligne. L’aperçu et les téléchargements utilisent les mêmes réglages.

Coloration de code en ligne