Код с подсветкой синтаксиса с помощью Javascript [закрыт]

StackOverflow https://stackoverflow.com/questions/160694

Вопрос

Какие библиотеки Javascript вы можете порекомендовать для подсветки синтаксиса <code> блоков в HTML?

(Пожалуйста, одно предложение на каждый ответ).

Это было полезно?

Решение

StackOverflow использует Приукрасить библиотека.

Другие советы

Недавно я разработал один под названием rainbow.

Основная цель дизайна состояла в том, чтобы сделать базовую библиотеку действительно небольшой и упростить ее расширение для разработчиков.

Видишь http://rainbowco.de.

Подсветка синтаксиса jQuery это новый проект, основанный на Google Приукрашивает - действительно очень популярный простой маркер синтаксиса javascript.

Он поддерживает такие вещи, как code и pre блоки, способные использовать имена классов типа language-javascript чтобы указать, что мы хотим его выделить, так же как и wordwrap.Вы можете скопировать и вставить код, выбрав его обычным способом вместо того, чтобы открывать необработанный вид, как многие другие.Его можно дополнительно настроить, используя атрибут данных HTML5 data-sh или с помощью указания параметров при инициализации.Отличный стабильный выбор, который регулярно обновляется.

О чем Призма автор: Леа Веру.

От нее запись в блоге анонс в июне (2012):

  • Он крошечный.Ядро уменьшено всего на 1,5 КБ и помещено в ZIP-файл.
  • Это невероятно расширяемый инструмент.Не только легко добавлять новые языки (в наши дни это доступно для каждого маркера синтаксиса), но и расширять существующие.
  • Он поддерживает параллелизм через Web Workers для повышения производительности в определенных случаях.
  • Это не заставляет вас использовать какую-либо специфичную для Prism разметку, даже имя класса, специфичное для Prism, только стандартную разметку, которую вы все равно должны использовать .Так, вы можете просто попробовать его на некоторое время, снять его, если вы не как это и не оставляют никаких следов.

Если вы используете jQuery, там есть чили:

http://code.google.com/p/jquery-chili-js/

Все, что вам нужно сделать, это включить jquery-chili.js и recipes.js и выделить с помощью 

$("code").chili();

Он должен разобраться с языком сам по себе.

Я очень доволен SHJS.Он поддерживает множество языков и кажется довольно быстрым и точным.

Вот пример, в котором я использую это на мой блог.Я использую свой собственный пользовательский CSS-файл, который имитирует Кода подсветка синтаксиса.Напишите мне, если вы хотите им воспользоваться.

jQuery.Синтаксис это чрезвычайно быстрый и легкий маркер синтаксиса.Он имеет динамическую загрузку исходных файлов синтаксиса и легко интегрируется с использованием CSS или моделей.

Он был разработан специально для того, чтобы заполнить пробел, то есть:быстрый, чистый синтаксический анализатор на стороне клиента.

Если вы ищете подсветку синтаксиса в редакторе в браузере, попробуйте Кодовое зеркало.

Я не пытаюсь спорить, но просто подумал, что стоит упомянуть, что если вы используете CMS или блог-платформу, то по очевидным причинам лучше использовать подсветку бэкэнда — взгляните на Геши(http://qbnz.com/highlighter/) если вам интересно.На самом деле вы могли бы настроить свой сервер на анализ HTML-контента с помощью серверной технологии - так что в маркерах JS вообще нет необходимости.(Единственная функциональность, которую они добавляют, - это возможность печати / копирования [с использованием swf].)

Эта статья в Хранилище веб-ресурсов перечисляет множество опций для выделения кода, некоторые из которых используют Javascript.Она была опубликована 4 мая 2009 года.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top