Réponses:
StackOverflow utilise la bibliothèque Prettify .
J'ai récemment développé un arc-en-ciel.
L'objectif principal de la conception était de rendre la bibliothèque principale vraiment petite et de la rendre très facile à étendre pour les développeurs.
Voir http://rainbowco.de .
rdf:typeest utilisé comme élément et quand c'est un attribut).
SyntaxHighlighter est disponible en tant que projet GitHub .
jQuery Syntax Highlighter est un nouveau surligneur basé sur Google's Prettify - un surligneur de syntaxe javascript simple vraiment très populaire.
Il prend en charge des éléments tels que codeet des preblocs, capable d'utiliser des noms de classe comme language-javascriptpour indiquer que nous voulons qu'il soit mis en évidence, ainsi que le wordwrap. Vous pouvez copier et coller du code en le sélectionnant normalement au lieu d'avoir à ouvrir une vue brute comme beaucoup d'autres. Il peut être davantage personnalisé en utilisant l'attribut de données HTML5 data-shou en spécifiant des options lors de l'initialisation. Un excellent choix stable qui est mis à jour régulièrement.
Qu'en est-il de Prism de Lea Verou.
D' après l' annonce de son article de blog en juin (2012):
- C'est minuscule. Le noyau n'est que de 1,5 Ko minifié et gzippé.
- C'est incroyablement extensible. Non seulement il est facile d'ajouter de nouvelles langues (c'est une donnée avec chaque surligneur de syntaxe de nos jours), mais aussi d'étendre celles existantes.
- Il prend en charge le parallélisme via Web Workers, pour de meilleures performances dans certains cas.
- Cela ne vous oblige pas à utiliser un balisage spécifique à Prism, pas même un nom de classe spécifique à Prism, seulement un balisage standard que vous devriez utiliser de toute façon. Donc, vous pouvez simplement l'essayer pendant un moment, le supprimer si vous ne l'aimez pas et ne laissez aucune trace.
Si vous utilisez jQuery, il y a Chilli:
http://code.google.com/p/jquery-chili-js/
Tout ce que vous avez à faire est d'inclure le jquery-chili.js et les recettes.js, et de faire le surlignage avec
$("code").chili();Il devrait comprendre la langue par lui-même.
Je suis très content de SHJS . Il prend en charge une multitude de langues et semble assez rapide et précis.
Voici un exemple où je l'utilise sur mon blog . J'utilise mon propre fichier CSS personnalisé qui simule la coloration syntaxique de Coda . Envoyez-moi un e-mail si vous souhaitez l'utiliser.
jQuery.Syntax est un surligneur de syntaxe extrêmement rapide et léger. Il a un chargement dynamique des fichiers source de syntaxe et s'intègre proprement en utilisant CSS ou modelines.
Il a été développé spécifiquement pour combler une lacune - c'est-à-dire: un analyseur syntaxique rapide et propre côté client.
Si vous recherchez une coloration syntaxique dans un éditeur intégré au navigateur, essayez CodeMirror .
Je ne suis pas en train de discuter, mais j'ai juste pensé qu'il vaut la peine de mentionner que si vous utilisez un CMS ou une plateforme de blog, il est préférable d'utiliser un surligneur backend pour des raisons évidentes - Jetez un œil à Geshi ( http://qbnz.com/highlighter/ ) si vous êtes intéressé. En fait, vous pouvez configurer votre serveur pour analyser le contenu HTML via une technologie de backend - il n'est donc pas du tout nécessaire d'utiliser les surligneurs JS. (La seule fonctionnalité qu'ils ajoutent est la possibilité d'imprimer / copier [à l'aide de swf].)
Cet article du Web Resources Depot répertorie un ensemble d'options pour mettre en évidence le code, dont certaines utilisent Javascript. Il a été publié le 4 mai 2009.