Подсветка синтаксиса для uCoz (от google-code)

Подсветка синтаксиса для uCoz (от google-code). Изначальный вид блоков цитат и кода в uCoz очень примитивный, поэтому чисто визуально я его немного модернизировал еще давно. Но все же на многих более солидных сайтах замечал еще более продвинутый их вид - с подсветкой, нумерацией и другими полезными мелочами. Сам я такое сделать конечно уже не мог, поэтому искал готовые решения, поскольку хотелось что-то подобное и у себя видеть. Те скрипты что раньше находил - были какими то слишком большими и не хотелось отягощать ими сайт. Поэтому тогда я это бросил.

Но сейчас опять решил попробовать, сперва нашел и установил вариант от Studio-AD, но у них во-первых много лишнего, во-вторых код CSS не подсвечивается почему-то. Поэтому стал искать что-нибудь другое и наткнулся на скрипт от Center-DM. Их код является адаптацией варианта подсветки от google-code для uCoz. Он оказался рабочим, хоть и выглядит попроще, но и ничего лишнего нет зато. Весит скрипт немного, ощутимых тормозов на странице не создает.

Сразу скажу, что в качестве демо - мой сайт, поскольку подсветку эту я поставил себе, она меня вполне устраивает и я ее оставлю. Ну а теперь перейдем к установке.

Установка подсветки кода

1. Скачайте архив, извлеките оттуда все файлы. Файл uLight.js - залейте в папку js в корне файлового менеджера сайта (если ее нет - создайте), а файл fon_code.gif - в папку img.

2. Далее нужно разместить внизу всех страниц (где нежна работа скрипта) перед закрывающим тегом </body> этот скрипт:

Это короче основной скрипт, который подсвечивает синтаксис кода uCoz и добавляет ссылку для быстрого выделения кода.

3. Остается лишь прописать стили ячейки кода и саму подсветку определённых тегов, для светлого варианта я создал оформление схожее с подсветкой кода в программе Notepad++:

Примечание:

Отмечаю, что этот вариант тестировался в браузерах:

- Firefox 12.0
- Google Chrome 18.0
- Opera 11.0
- Apple Safariне меньше версии 5.1
- Internet Explorer 8 и 9

Достоинства такого варианта:

Адаптация под bb-коды uCoz, то есть не придется прописывать вручную тег pre, вы просто как обычно используете стандартный код uCoz в bb панели - [СОDE].

Код выводится с отступами строк, иные решения прописывают весь код в одну строку, что очень неудобно.

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

Недостатки такого варианта:

Вес основного js файла, 54кб, хоть мне и удалось его сжать до 22 кб в данном примере.

При написании css кода в одну строку, цвет всего кода окрашивается в один цвет.

В общем на этом все. Вариант я думаю хороший - простой и с хорошим оформлением подсветки. Оценивайте, комментируйте!

---