Что это?
Rainbow - библиотека JavaScript для подсветки синтаксиса кода.
Она маленькая (1.4kb), простая в использовании и легко модифицируется.
Темы оформления определяются полностью через CSS.
Как использовать?
Первое, нужно включить специальную разметку для кода, который будет подсвечиваться:
Код
<!-- Можно использовать теги code или pre * -->
<pre><code data-language="python">def openFile(path):
file = open(path, "r")
content = file.read()
file.close()
return content</code></pre>
Затем надо включить файл CSS темы
Код
<!-- Надо включить в раздел <head> -->
<link href="/assets/css/theme.css" rel="stylesheet" type="text/css">
И включить файлы JavaScript Rainbow + того языка, который используется в подсвечиваемом коде
Код
<!-- Вы можете создать описание для любого языка программирования.
Включения должны стоять перед закрывающим тегом </body> -->
<script src="/assets/js/rainbow.min.js"></script>
<script src="/assets/js/language/generic.js"></script>
<script src="/assets/js/language/python.js"></script>
Как работает?
Rainbow - очень простой скрипт. Он проходит по блоку кода и перебирает шаблоны регулярных выражений, найденный комбинации оборачиваются в теги <span>. Все форматирование ложится на код CSS, используемой темы.
Подробнее тут: http://ruseller.com/adds/adds2658/example/