Jump to content
  • 0

интересный способ представления кода


rash
 Share

Question

Может многие об этом уже знают, но мне недавно попался набор скриптов для оформления программного кода "на лету", работающих на машине клиента. При отключенных скриптах пользователь увидит просто код, оформленный с помошью

.

Идея мне понравилась, хотя заметил несколько мелких шероховатостей, например, если прокрутить горизонтальный скролл при очень длинных строках.

http://code.google.com/p/syntaxhighlighter/

Кстати, если кто-то сможет объяснить, как формируются номера строк, чтобы они при этом вообще не выделялись мышью? Просто пока мне не хватает знаний разобраться непосредственно в исходном коде скрипта...

А вообще для небольших фрагментов кода, как мне показалось - приятная вещь, для больших - просто довольно медленная...

Overview01.png

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

На днях я накидал свой вариант на тему подсветки синтаксиса.

Правда, пока что поддерживается только JS (в силу ограничений текущего парсера), как дойдут руки -- переделаю в нормальном формате.

По скорости - 45Кб кода подсвечивается примерно за 0.8-1.1 секунды.

http://debugger.ru/projects/psyhi/psyhi

Link to comment
Share on other sites

  • 0

Дошли руки оформить код в более приличном виде.

1. Сделал чтобы работало в Опере.

2. Токенизер сменил на Google Code Prettify.

Он не делает различия между языками. С одной стороны это хорошо, т.к. позволяет подсвечивать все С- и XML- подобные языки.

С другой стороны, может подсвечивать код не совсем корректно.

3. Добавил кросс-браузерное копирование кода в буфер, немного поправил стили. По непонятной причине исчез баг с размножением бордера, вроде бы ничего в этой части не менял...

4. Начал прикручивать темы, сейчас в примерах используется Idea.Alloy_theme.

Прикрутил вс? к вики, результат можно посмотреть на http://debugger.ru/dw/blog/vychislenie_pik...ordinat_kursora и других страницах, где есть код.

Описание: http://debugger.ru/projects/psyhi/psyhi

Плагин к ДокуВики: http://debugger.ru/dl/psyhi/code.zip

В другом виде распространять пока не планирую, да и вообще врядли в ближайшем времени дойдут руки его обновить, и без того работы много 8*)

Link to comment
Share on other sites

  • 0

Очень странно.... по этой ссылке

http://pg.debugger.ru/dw/blog/vychislenie_...ordinat_kursora

подсветка у меня работает только в Фоксе

а здесь

http://debugger.ru/projects/psyhi/psyhi

работает везде, даже в Сафари бета 3 (если не считать некоторые глюки в ИЕ 6) ;)

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy