Пост обновлен. Хочу представить вам мою разработку для системы uCoz - скрипт детальной подсветки кода. Цветовая схема подсветки аналогична схеме из программы Dreamweaver 8. Скрипт умеет подсвечивать css код, javascript код и условные коды системы uCoz. Так же скрипт способен выводить в отдельном окне выделенный исходный код и переключать режим отображения кода: с переносом длинных строк и без. Благодаря удобному вызову, скрипт может быть вызван в любой момент.

css код
Код
<style type='text/css' media='screen'>
.bbCodeName{display:none!important;}
.codeMessage {white-space:nowrap;overflow:auto;max-height:none!important;margin:5px 0;padding:10px;background-color:#F3F3F3;color:#333;border:1px dashed #999!important;text-align:left;overflow-x:scroll\9}
.rowOne {background:#fff;}
.rowTwo {background:#f6f6f6;}
.codeMessage table{margin:0;border-collapse:collapse;width:100%;}
.codeMessage td {padding:0 5px 1px;font:12px 'Courier New',monospace;}
.decimal {width:1%;background:#3399ff;color:#fff;vertical-align:top;text-align:right;}
css{color:#F0F;}
js,htm{color:#000;}
figures {color:#f00;}
js exp {color:#060;}
js exppm {color:#960;}
symbols {color:#0047BD;}
tags {color:#0047BD;}
brackets {color:#0047BD;}
reserved {color:#0047BD;}
values {color:#0047BD;}
methods {color:#099;}
diffkeys {color:#909;}
important {color:#f00;}
ucoz {color:#8a0;}
params {color:#019;}
doctypes {color:#099;}
tables {color:#099;}
forms {color:#F90;}
anchors {color:#060;}
imgs {color:#909;}
styles {color:#909;}
styles commas, styles commas *{color:#060!important;}
csscommas, csscommas * {color:#060!important;}
scripts {color:#900;}
tags commas,js commas {color:#0047BD}
commas exp,commas exppm {color:#0047BD!important;}
csssymbols {color:#F0F;}
linecom,linecom *{color:#999!important;}
htmlcom,htmlcom *{color:#999!important;}
mlinecom,mlinecom *{color:#999!important;}
.ulight{color:#AAA;padding:5px 0 0;font-family:Arial !important;}
.ulight a{font-weight:bold;outline:0;}
.ulight a:link, .ulight a:visited, .ulight a:active{text-decoration:none;color:#888;}
.ulight a:hover{text-decoration:underline;color:#888;}
</style>


Основной js код
Код
<script type="text/javascript" src="/js/uLight.js"></script>


Первая версия:
- исправлена ошибка подсветки RegExp
- исправлено отображение цифр
- исправено отображение точки в десятичных дробях
- убраны лишние пробелы и исправлен баг подсветки методов
- испавлен баг лишних переносов строки при копировании css


Вторая версия:
- исправлен баг неправильного размера текстареа в выводимом окне
- добавлена подсветка setInterval


Третья версия:
- исправлена подсветка кавычек в style
- скрипт запакован и убран в файл


Четвертая версия:
- обновлен css
- исправлено отображение регулярных выражений

Пятая версия (важное обновление):
- обновлен css
- исправлено много багов
- добавлен режими отображения кода
- функции переписаны в объект
- добавлена подсветка ucoz кодов


Шестая версия (важное обновление):
- исправлено много багов по подсветке regexp

Седьмая версия (важное обновление):
- исправлены баги по подсветке regexp в сложных ситуациях
- добавлена подсветка css expressions
- исправлены множественные баги подсветки разных элементов
- переписан css и создан новый набор элементов

Восьмая версия (важное обновление):
- добавлена нумерация строк
- исправлено много багов



Девятая версия:
- что то исправил, не помню уже...

Десятая версия:
- умудрился забыть возвращать ucoz коды в css и в js, в этой версии эта досадная ошибка исправлена. Те кто подключил скрипт с моего сайта - радуйтесь, остальные - скачивайте новую версию.
Подсветка синтаксиса for Ucoz
Размер: 8.9 Kb

Комментарии

Минимальная длина комментария - 50 знаков. комментарии модерируются
HTMLSTART » Скрипты UCOZ » code & quote » Подсветка синтаксиса for Ucoz