Подсветка синтаксиса на JavaScript

января
10
2012

Подсветка синтаксиса - очень важная вещь если мы хотим показать исходный код на веб-странице, потому что она упрощает чтение последнего.

Рассмотрим несколько инструментов для подсветки синтаксиса:

1.Highlight

Очень распространенный скрипт для подсветки синтаксиса. К положительным качествам относится то, что не нужно явно указывать язык, который нужно подсветить - скрипт сам определяет язык подсветки. На момент написания статьи поддерживает 41 язык. Примеры подсветки кода с разными стилями можно просмотреть на следующей странице - примеры.

Страница проекта Highlighter

2. Google Code Prettify

Google Code Prettify - мощный инструмент, который поддерживает множество языков программирования. На странице для тестирования проекта представлены примеры использования скрипта на множестве разметок.

Страница проекта Google Code Prettify

3. SHJS

SHJS - еще один инструмент для подсветки синтаксиса с использованием JavaScript. Поддерживает 39 языков программирования (на момент написания статьи) SHJS протестирован и поддерживает множество браузеров, таких как Firefox 2 и 3, IE 6 и 7, Opera 9.6, Safari 3.2 и Chrome 1.0. Имеет множество встроенных тем.

Страница проекта SHJS

4. SyntaxHighlighter

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

Обладает одим неприятным свойством - редактирует код. По крайней мере, это происходит с xml. При попытке подсветить код, содержащий тэг без зеркального закрывающего тэга, например,


<server name="myserv" />

на выходе получаем


<server name="myserv"></server>

Страница проекта SyntaxHighlighter

5. Chili

Chili также является плагином jQuery. Он поддерживает множество настроек и языков программирования (C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, и XHTML). На странице для демонстрации приведены пример использования плагина для подсветки синтаксиса PHP, HTML, CSS и JavaScript.

Страница проекта Chili

6. DlHighlight

DlHighlight - простой скрипт для подсветки синтаксиса, который поддерживает только 4 синтаксиса: JavaScript, CSS, XML, HTML. На странице проекта автор обещает увеличить это количество в будущем.

Страница проекта DlHighlight

7. JUSH (JavaScript Syntax Highlighter)

JUSH (JavaScript Syntax Highlighter) - небольшой скрипт для подсветки синтаксиса, написанный на jQuery. Он работает со следующими сущностями: HTML, CSS, JavaScript, PHP, SQL, HTTP и SMTP протокол, php.ini и конфигурационный файл Apache.

Страница проекта JUSH (JavaScript Syntax Highlighter)

8. beautyOfCode

beautyOfCode является плагином-расширением упомянутого выше SyntaxHighlighter. Написан на jQuery и более XHTML-совместим, нежели SyntaxHighlighter. На странице проекта есть множество примеров использования.

Страница проекта beautyOfCode

Напишите первое сообщение!

Вы должны войти под своим аккаунтом чтобы оставлять комментарии