Antworten:
StackOverflow verwendet die Prettify- Bibliothek.
Ich habe kürzlich einen namens Regenbogen entwickelt.
Das Hauptziel des Designs war es, die Kernbibliothek wirklich klein zu machen und es Entwicklern wirklich einfach zu machen, sie zu erweitern.
Siehe http://rainbowco.de .
rdf:type
es als Element verwendet wird und wann es ein Attribut ist).
SyntaxHighlighter ist als GitHub-Projekt verfügbar .
Der jQuery Syntax Highlighter ist neu und basiert auf Googles Prettify - einem wirklich sehr, sehr beliebten Textmarker für die einfache Javascript-Syntax.
Es unterstützt Dinge wie code
und pre
Blöcke, die Klassennamen verwenden können, language-javascript
um anzuzeigen, dass es hervorgehoben werden soll, sowie Zeilenumbruch. Sie können Code kopieren und einfügen, indem Sie ihn normal auswählen, anstatt wie viele andere eine Rohansicht öffnen zu müssen. Sie kann mithilfe des HTML5-Datenattributs data-sh
oder durch Angabe von Optionen bei der Initialisierung weiter angepasst werden . Eine großartige stabile Wahl, die regelmäßig aktualisiert wird.
Was ist mit Prisma von Lea Verou?
Aus ihrer Blogpost- Ankündigung im Juni (2012):
- Es ist winzig. Der Kern ist nur 1,5 KB minimiert und gezippt.
- Es ist unglaublich erweiterbar. Es ist nicht nur einfach, neue Sprachen hinzuzufügen (das ist heutzutage bei jedem Syntax-Textmarker selbstverständlich), sondern auch vorhandene zu erweitern.
- Es unterstützt Parallelität durch Web Worker, um in bestimmten Fällen eine bessere Leistung zu erzielen.
- Es zwingt Sie nicht dazu, ein Prisma-spezifisches Markup zu verwenden, nicht einmal einen Prisma-spezifischen Klassennamen, sondern nur ein Standard-Markup, das Sie sowieso verwenden sollten. Sie können es also einfach eine Weile ausprobieren, es entfernen, wenn es Ihnen nicht gefällt, und keine Spuren hinterlassen.
Wenn Sie jQuery verwenden, gibt es Chilli:
http://code.google.com/p/jquery-chili-js/
Alles, was Sie tun müssen, ist, die jquery-chili.js und die Rezepte.js einzuschließen und das Highlight mit zu machen
$("code").chili();
Es sollte die Sprache selbst herausfinden.
Ich bin sehr zufrieden mit SHJS . Es unterstützt eine Vielzahl von Sprachen und scheint ziemlich schnell und genau zu sein.
Hier ist ein Beispiel, wo ich es in meinem Blog verwende . Ich verwende meine eigene benutzerdefinierte CSS-Datei, die die Syntaxhervorhebung von Coda simuliert . Schicken Sie mir eine E-Mail, wenn Sie es verwenden möchten.
jQuery.Syntax ist ein extrem schneller und leichter Syntax- Textmarker . Es verfügt über ein dynamisches Laden von Syntaxquelldateien und lässt sich mithilfe von CSS oder Modelines sauber integrieren.
Es wurde speziell entwickelt, um eine Lücke zu schließen - das heißt: ein schneller, sauberer, clientseitiger Syntaxparser.
Wenn Sie in einem Browser-Editor nach Syntaxhervorhebungen suchen, versuchen Sie es mit CodeMirror .
Ich bin nicht argumentativ, dachte aber nur, dass es aus offensichtlichen Gründen besser ist, einen Backend- Textmarker zu verwenden, wenn Sie ein CMS oder eine Blog-Plattform verwenden. Schauen Sie sich Geshi an ( http://qbnz.com/highlighter/). ) wenn Sie interessiert sind. Tatsächlich können Sie Ihren Server so einrichten, dass HTML-Inhalte über eine Backend-Technologie analysiert werden. Daher sind die JS-Textmarker überhaupt nicht erforderlich. (Die einzige Funktion, die sie hinzufügen, ist die Möglichkeit zum Drucken / Kopieren [mit swf].)
Dieser Artikel im Web Resources Depot enthält eine Reihe von Optionen zum Hervorheben von Code, von denen einige Javascript verwenden. Es wurde am 4. Mai 2009 veröffentlicht.