Відповіді:
StackOverflow використовує бібліотеку Prettify .
Нещодавно я розробив один під назвою веселка.
Основна мета дизайну полягала в тому, щоб зробити основну бібліотеку по-справжньому маленькою і зробити розробників справді простим.
Дивіться http://rainbowco.de .
rdf:typeвона використовується як елемент і коли це атрибут).
SyntaxHighlighter доступний як проект GitHub .
jQuery Syntax Highlighter - це новий, заснований на Google Prettify - дійсно дуже популярний звичайний підсвічування синтаксису JavaScript.
Він підтримує такі речі, як codeі preблоки, здатний використовувати назви класів, як, language-javascriptщоб вказати, що ми хочемо виділити, а також перебір слів. Ви можете скопіювати та вставити код, вибравши його зазвичай, замість того, щоб відкривати необроблений вигляд, як і багато інших. Він може бути додатково налаштований за допомогою атрибута даних HTML5 data-shабо шляхом визначення параметрів при ініціалізації. Прекрасний стабільний вибір, який регулярно оновлюється.
Що з призмою по Лі Вірі.
З повідомлення про її блог у червні (2012 р.):
- Це крихітні. Ядро є лише 1,5 КБ мінімізованим та gzipped.
- Це неймовірно розширюється. Не тільки легко додати нові мови (це дано з кожним виділенням синтаксису в наші дні), але і розширити існуючі.
- Він підтримує паралелізм через Web Workers, для кращої роботи в певних випадках.
- Це не змушує вас використовувати будь-яку розмітку, специфічну для призми, навіть навіть не специфічне для призми ім'я класу, а лише стандартну розмітку, яку ви повинні використовувати. Отже, ви можете просто спробувати його на деякий час, видалити, якщо він вам не сподобається, і не залишайте слідів позаду.
Якщо ви використовуєте jQuery, є Chilli:
http://code.google.com/p/jquery-chili-js/
Все, що вам потрібно зробити, це включити jquery-chili.js і рецепти.js, і зробити виділення за допомогою
$("code").chili();Він повинен сам з'ясувати мову.
Я дуже задоволений SHJS . Він підтримує безліч мов і здається досить швидким і акуратним.
Ось приклад, коли я використовую це у своєму блозі . Я використовую власний спеціальний файл CSS, який імітує виділення синтаксису Coda . Надішліть мені електронний лист, якщо ви хочете ним скористатися.
jQuery.Syntax - надзвичайно швидкий і легкий підсвічування синтаксису. Він має динамічне завантаження вихідних файлів синтаксису та інтегрується з використанням CSS чи моделей.
Він був розроблений спеціально для заповнення прогалини - тобто швидкого, чистого синтаксичного аналізатора на стороні клієнта.
Якщо ви шукаєте виділення синтаксису в редакторі браузера, спробуйте CodeMirror .
Я не буду аргументованим, але просто подумав, що варто згадати, що якщо ви використовуєте CMS або блог-платформу, тоді краще використовувати маркер підкреслення з очевидних причин - Погляньте на Geshi ( http://qbnz.com/highlighter/ ) якщо вам цікаво. Насправді ви можете налаштувати свій сервер для розбору вмісту HTML за допомогою бекенд-технології - тому в маркерах JS немає необхідності. (Єдина функціональність, яку вони додають - це можливість друкувати / копіювати [за допомогою swf].)
У цій статті на веб-ресурсах Depot перелічено безліч варіантів виділення коду, в деяких з яких використовується Javascript. Він був опублікований 4 травня 2009 року.