Syntax-Hervorhebung Code mit Javascript [geschlossen]
https://stackoverflow.com/questions/160694
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Was Javascript-Bibliotheken können Sie empfehlen für Syntax-Hervorhebung Blöcke in HTML?
(Ein Vorschlag pro Antwort bitte).
Lösung
Prettify Bibliothek.
Andere Tipps
Ich entwickeln kürzlich einen genannten Regenbogen.
Das wichtigste Design-Ziel war die Kernbibliothek wirklich klein zu machen und es wirklich einfach für Entwickler machen zu erweitern.
Siehe http://rainbowco.de .
Syntax ist als GitHub Projekt .
jQuery Syntax Highlighter ist ein neuer basierend auf Google Prettify -. eine wirklich wirklich wirklich populär Ebene JavaScript-Syntax-Highlighter
Es unterstützt solche Dinge wie code und pre Blöcke, in der Lage Klassennamen wie language-javascript zu verwenden, um anzuzeigen, wir hervorheben möchten, sowie wordwrap. Sie können kopieren und Code einfügen, indem sie normalerweise anstatt öffnen Sie eine unformatierte Ansicht wie viele andere Auswahl. Es kann weiter durch die Verwendung der HTML5-Daten angepasst werden Attribut data-sh oder über Optionen bei der Initialisierung angeben. Eine große stabile Wahl, die regelmäßig aktualisiert wird.
Was Prism von Lea Verou.
Von ihrem Blog-Post Ankündigung im Juni (2012):
- Es ist winzig. Der Kern ist nur 1,5 kb minimiert & gzip.
- Es ist unglaublich dehnbar. Nicht nur ist es einfach, neue Sprachen hinzuzufügen (das eine mit jeder Syntax gegeben hat in diesen Tagen Highlighter), sondern auch auf erweitert bestehende.
- Sie unterstützt Parallelität durch Web Workers, für eine bessere Leistung in bestimmten Fällen.
- Es zwingt Sie keine Prism spezifische Markup zu verwenden, nicht einmal eine Prism spezifische Klassennamen, nur Standard-Markup, das Sie verwenden sollten sowieso. So können Sie nur versuchen, es für eine Weile, entfernen Sie es, wenn Sie nicht tun wie sie und hinterlassen keine Spuren zurück.
Wenn Sie jQuery verwenden es Chilli:
http://code.google.com/p/jquery-chili-js /
Alles, was Sie tun müssen, ist die jQuery-chili.js und recipes.js umfassen, und machen Sie die Markierung mit
$("code").chili();
Es sollte die Sprache selbst ausrechnen.
Ich bin sehr glücklich mit SHJS . Es unterstützt eine Schar von Sprachen und scheint ziemlich schnell und präzise.
Hier ist ein Beispiel, wo ich es auf mein Blog . Ich bin meine eigene benutzerdefinierte CSS-Datei, die Coda Syntaxhervorhebung simuliert. Bitte schicken Sie mir, wenn Sie möchten, dass es benutzen.
jQuery.Syntax ist eine extrem schnelle und leichte Syntax-Highlighter. Es hat die dynamischen Laden von Syntax-Quelldateien und integriert sauber CSS oder -Modelines verwendet wird.
Es wurde speziell entwickelt, um eine Lücke zu füllen - das ist: a. Schnell, sauber, clientseitige Syntaxparser
Wenn Sie für die Syntaxhervorhebung in einem In-Browser-Editor suchen, versuchen Codemirror .
Ich bin nicht argumentative sondern nur dachte, es erwähnenswert, dass, wenn Sie ein CMS oder Blog-Plattform verwenden dann ein Back-End-Textmarker mit aus offensichtlichen Gründen besser ist - Werfen Sie einen Blick auf Geshi ( http://qbnz.com / Highlighter / ), wenn Sie interessiert sind. Eigentlich könnten Sie Ihren Server einrichten, um HTML-Inhalte über eine Back-End-Technologie zu analysieren - so gibt es keine Notwendigkeit für den JS highlighters überhaupt. (Die einzige Funktionalität, die sie hinzufügen, ist die Fähigkeit, drucken / kopieren Sie mit [swf].)
Dieser Artikel auf dem Web-Ressourcen Depot listet eine Reihe von Optionen für die Code-Hervorhebung, von denen einige Javascript verwenden. Es wurde am 4. Mai 2009 veröffentlicht wurde.
