Персональный DEMO сайт WareZeus

Главная » 2014 » Январь » 20 » Подсветка синтаксиса тега code для uCoz

Подсветка синтаксиса тега code для uCoz

Время: 17:43 Просмотров: 1102 Автор: zeus81 Категория: Тестовая категория



Представляю Вашему вниманию мою разработку подсветки синтаксиса тега code для uCoz. Скрипт умеет подсвечивать css код, javascript код и условные коды системы uCoz. Так же скрипт способен выводить в отдельном окне
выделенный исходный код. Благодаря удобному вызову, скрипт может быть
вызван в любой момент. На картинке Вы можете увидеть пример работы
подсветки.

Установка на свой сайт:

В самый низ каждой страницы, на которых собираетесь использовать скрипт подсветки, перед тегом /body , или в глобальный блок "Нижняя часть сайта" добавьте данный код:


Код
<script type="text/javascript" src="http://warezeus.pp.ua/js/code/backlight_code.js"></script>
<link rel="stylesheet" href="http://warezeus.pp.ua/js/code/style_code.css" type="text/css" />



Хочу отметить, что данное решение тестировалось в браузерах:

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

Плюсы данного решения:

Во-первых, адаптация под системный html код uCoz данного js, нам не надо прописывать вручную тег pre, достаточно воспользоваться стандартной функцией uCoz в bb панели, CODE.

Во-вторых, код отображается с отступами каждой строки, другие решения прописывают весь код в одно строку, что жутко неудобно.

В-третьих,
мы получаем понятное копирование кода путём его выделения, нам не надо
открывать дополнительные окна или подключать флеш плагин для его
копирование в буфер.

Минусы данного решения:

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

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

В целом это всё, спасибо за внимание!

Источник: http://warezeus.pp.ua/
ucoz, Скрипты для ucoz, Адаптация от WareZeus, скрипты

Другие новости по теме:

Всего комментариев: 3
Написал: User
  (04.02.2014 00:10) | Комментарий: 1


Комментарий гостя
Написал: zeus
  (04.02.2014 00:11) | Комментарий: 2


Ответ на комментарий гостя )
Написал: User
  (04.02.2014 20:48) | Комментарий: 3


Представляю Вашему вниманию мою разработку подсветки синтаксиса тега code для uCoz. Скрипт умеет подсвечивать css код, javascript код и условные коды системы uCoz. Так же скрипт способен выводить в отдельном окне
выделенный исходный код. Благодаря удобному вызову, скрипт может быть
вызван в любой момент. На картинке Вы можете увидеть пример работы
подсветки.

Установка на свой сайт:

В самый низ каждой страницы, на которых собираетесь использовать скрипт подсветки, перед тегом /body , или в глобальный блок "Нижняя часть сайта" добавьте данный код:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Календарь
«  Январь 2014  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Наш опрос

Оцените мой сайт


Всего проголосовало: 45
Мини-чат
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0