Syntax Highlighter. Підсвічування синтаксису на 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 також є плагіном 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

Напишіть перше повідомлення!

Ви повинні увійти під своїм аккаунтом щоб залишати коментарі