Odpowiedzi:
StackOverflow używa biblioteki Prettify .
Niedawno opracowałem taki, który nazywa się tęcza.
Głównym celem projektu było uczynienie podstawowej biblioteki naprawdę niewielką i naprawdę łatwe rozszerzanie dla programistów.
Zobacz http://rainbowco.de .
rdf:type
jest używany jako element, a kiedy jest atrybutem).
SyntaxHighlighter jest dostępny jako projekt GitHub .
jQuery Syntax Highlighter to nowy, oparty na Google Prettify - naprawdę bardzo popularny, zwykły podświetlacz składni javascript.
Obsługuje takie rzeczy jak code
i pre
bloki, może używać language-javascript
nazw klas, takich jak wskazanie, że chcemy je podświetlać, a także zawijanie słów. Możesz skopiować i wkleić kod, wybierając go normalnie, zamiast otwierania widoku surowego, jak wiele innych. Można go dodatkowo dostosować za pomocą atrybutu danych HTML5 data-sh
lub przez określenie opcji podczas inicjalizacji. Świetny, stabilny wybór, który jest regularnie aktualizowany.
Co o Prism przez Lea Verou.
Z jej ogłoszenia na blogu w czerwcu (2012):
- Jest malutki. Rdzeń jest zminimalizowany i spakowany gzipem tylko 1,5 KB.
- Jest niesamowicie rozszerzalny. Nie tylko łatwo jest dodawać nowe języki (jest to obecnie podane przy każdym podświetlaniu składni), ale także rozszerzać istniejące.
- Obsługuje równoległość poprzez Web Workers, aby w niektórych przypadkach uzyskać lepszą wydajność.
- Nie zmusza cię to do używania jakichkolwiek znaczników specyficznych dla Prism, nawet nazwy klasy specyficznej dla Prism, tylko standardowe znaczniki, których i tak powinieneś używać. Możesz więc po prostu spróbować przez chwilę, usunąć, jeśli ci się nie podoba i nie zostawiać śladów.
Jeśli używasz jQuery, to jest Chilli:
http://code.google.com/p/jquery-chili-js/
Wszystko, co musisz zrobić, to dołączyć pliki jquery-chili.js i recipes.js, a następnie zaznaczyć
$("code").chili();
Powinien sam zrozumieć język.
Jestem bardzo zadowolony z SHJS . Obsługuje wiele języków i wydaje się dość szybki i dokładny.
Oto przykład, w którym używam go na moim blogu . Używam własnego niestandardowego pliku CSS, który symuluje podświetlanie składni Cody . Napisz do mnie, jeśli chcesz go użyć.
jQuery.Syntax to niezwykle szybkie i lekkie wyróżnienie składni. Ma dynamiczne ładowanie plików źródłowych składni i integruje się czysto za pomocą CSS lub modeli.
Został opracowany specjalnie w celu wypełnienia luki - to jest: szybki, czysty parser składni po stronie klienta.
Jeśli szukasz podświetlania składni w edytorze w przeglądarce, wypróbuj CodeMirror .
Nie kłócę się, ale po prostu pomyślałem, że warto wspomnieć, że jeśli korzystasz z platformy CMS lub blogu, użycie podświetlacza zaplecza jest lepsze z oczywistych powodów - spójrz na Geshi ( http://qbnz.com/highlighter/ ) Jeśli jesteś zainteresowany. Właściwie możesz skonfigurować serwer tak, aby analizował zawartość HTML za pomocą technologii zaplecza - więc w ogóle nie ma potrzeby używania podświetlaczy JS. (Jedyną funkcjonalnością, jaką dodają, jest możliwość drukowania / kopiowania [przy użyciu swf].)
Ten artykuł w Web Resources Depot zawiera listę opcji podświetlania kodu, z których niektóre używają JavaScript. Został opublikowany 4 maja 2009 roku.