Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Инструкции, видео уроки, ссылки на таковые, подобные видеоматериалы » Инструкции не-в-тему и прочие мануалы .. » Rainbow - Скрипт для подсветки кода
Rainbow - Скрипт для подсветки кода
Дата: Воскресенье, 31.08.2014, 07:20 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Что это?

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/

Прикрепления: rainbow.zip (19.2 Kb)

 
Скрипты и коды для юкоз - Форум аццкого кодера » Инструкции, видео уроки, ссылки на таковые, подобные видеоматериалы » Инструкции не-в-тему и прочие мануалы .. » Rainbow - Скрипт для подсветки кода
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия