Syntax Highlighter — подсветка синтаксиса кода на вашей вебстранице

http://www.webappers.com/2008/01/06/syntax-highlighter-helps-posting-code-snippets-online/
  • Перевод
Syntax Highlighter позволяет легко и красиво подсвечивать синтаксис кода на вашей странице. Написан на Javascript, соответственно работает на клиенте.

Поддерживает много языков, в сжатом виде занимает 11 килобайтов. Из минусов — не позволяет клиенту редактировать код на странице, readonly.

Вот как оно выглядет в действии

Демо: http://code.google.com/p/syntaxhighlighter/
Лицензия: LGPL
Поделиться публикацией
AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама
Комментарии 30
  • +3
    Могу порекомендовать codepress, если нужна возможность редактирования кода.
    • +3
      судя по тому, что дистрибутив зажат в RAR - автор не труъ :))
      • +3
        Ещё советую посмотреть здесь: http://softwaremaniacs.org/soft/highlight/
        Удобная штука.
        • +1
          спасибо! это очень неплохая разработка российских программистов.
          • +1
            "Российских программистов" — не совсем верно :-). Разработчик у нее один — я. А если не забыть остальных контрибьюторов, то они уже не только российские :-)
        • –1
          Статью и меня начали минусовать, видать материал бесполезный.
          • +4
            не пишите таких комментариев - заминусуют еще больше

            а статья лично мне окозалось полезна - очень хороший хайлайтер.
            кстати, правильно пишет килобайт
            • 0
              правильно писать "11 килобайт" ?
              • 0
                да, вы ведь пишете 11 яблок, а не яблоков :)
                • 0
                  во-первых: в вашем предыдущем комменте - "окАзалось"
                  во-вторых: ваш аргумент неверный. 11 слонов а не 11 слон.
                  а вообще - да, вы правы. =)
          • +1
            Что мне в этом скрипте не понравилось, так это то, что при копировании исходника ломается его форматирование. И номера строк в некоторых браузерах тоже копируются. А ведь скопировать пример в редактор и посмотреть, как он работает - это очень частое действие.
            Мне с точки зрения юзабилити больше понравился google code-prettify:
            http://code.google.com/p/google-code-prettify/
            • –1
              Оффтоп: как раз сейчас пишу редактор кода с подсветкой на флэше. Все готово, образец действует, но есть проблема - при переключении табов браузера - ФФ, Сафари - слетает фокус у флэши. Есть способы борьбы?

              Еще раз простите за офтоп

              PS. Кодпресс в опере не работает, у меня во всяком случае.
              • 0
                Когда планируете показать миру?
              • 0
                hightlight.js лучше.
                • 0
                  я его юзал в wp... имхо, лучше раскрашивать код еще на сервере.
                  а то не красивно - появляется код, а через мгновение раскрашивается.... фи
                  • 0
                    Хм, как вариант можно по-умолчанию скрывать div, а показывать с помощью того же js после разукрашивания. Это что в голову пришло, но я не пробовал.
                • 0
                  вот это мне понравилось
                  GeSHi
                • 0
                  Для статической страницы красиво.

                  Но я, например, обычно пишу код в блог.
                  А в таком случае подсветка на основе JS бесполезна, т.к. не транслируется в RSS.
                  • 0
                    Может тогда подскажете способы генерации статического html с подсветкой? Мне бы тоже пригодилось, для тех же целей.
                    • 0
                      Тут ответ уже очень зависит от того что стоит на сервере и того, чем постить.
                      К сожалению, большая часть вещей, которые я видел используют CSS — что теоретически хорошо, но вот только не показывается, например, в Google Reader.

                      Я так пока и не нашёл хорошего решения.
                      • 0
                        Жаль. А то прогон через вим как-то напрягает.
                  • 0
                    codepress не работает с оперой
                    EditArea (http://www.cdolivet.net/editarea/) - хорошо работает подсветка синтаксиса, показываются парные скобки и прочие полезные примудрости... Минусы - у меня тормозит.
                    • 0
                      баг с codepress в Opera правится так:
                      ===opera.js===

                      syntaxHighlight : function(flag) {
                      (....)

                      x = x.replace(/\r/g,'');
                      x = x.replace(/\n/g,'');

                      (....)
                      • 0
                        Прошу прощения за частые комменты. Улучшенный CodePress http://pukeko.net/blog/codepress/
                    • 0
                      HiLi - подсветка PHP кода на JavaScript
                      • +1
                        так как многие пользуются jquery, приведу ссылку на плагин к ней
                        http://plugins.jquery.com/project/chili
                        • 0
                          спасибо, добрый человек. как раз искал такой плагин!
                          + в карму.
                        • 0
                          (задумчиво) для 1С сделал бы кто, или GeShi покрасил...
                          • 0
                            Зачем GeShi? Попробуйте https://launchpad.net/syntaxicus-highlighticus.

                          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.