среда, 13 августа 2008 г.

Подсветка синтаксиса в блоге на Blogger.com

Поступил мне недавно на электронную почту вопрос - как можно организовать подсветку исходного кода при публикации у себя в блоге? Хочу заметить, что речь сейчас идет о ресурсах, созданных на платформе Blogspot (Blogger.com). Кстати, некоторое время назад я рассматривал данный вопрос на другом своем проекте, но тема касалась движков Wordpress.

Внимание! Данный проект закрыт навсегда.
Эту статью я восстановил и разместил здесь - Подсветка синтаксиса в блоге на Blogger.com.

на

18 комментариев:

  1. prokofevna1 сентября 2008 г. в 17:52

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

    ОтветитьУдалить
  2. Анонимный1 сентября 2008 г. в 19:22

    В данном посте картинка - просто иллюстрация, там нет ничего полезного. Как сделать чтобы она открывалась вообще - напишу в следующие выходные:) Спасибо за тему для постов.

    ОтветитьУдалить
  3. Dixon1 октября 2008 г. в 13:32

    А может не совсем правильно использовать линк на страницу блога автора проекта? Размещайте лучше скрипт на своих серверах :)

    ОтветитьУдалить
  4. blogohelp1 октября 2008 г. в 14:59

    Dixon, вообще-то да:) Так делать нужно, у меня просто почему-то подключить у себя не получилось.

    ОтветитьУдалить
  5. Сергей28 января 2009 г. в 04:56

    все сделал как указано, разместил js на сайте. скрипт определяет язык нормально, но все /n убивает в итоге весь текст уходит в одну строчку, как с этим боротся?
    локальный файл export.html конвертирует нормально. куда копать?

    ОтветитьУдалить
  6. blogohelp28 января 2009 г. в 12:46

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

    ОтветитьУдалить
  7. Lazy Quill-driver29 июля 2009 г. в 13:07

    Как заставить редактор считать текст преформатированным? Он у меня упорно пытается все теги обработать, в результате - ошибки вида "Ваш код HTML не может быть принят. Tag is not allowed: ..."
    P.S. При попытке вставить код в комментарий - такая же ошибка :(

    ОтветитьУдалить
  8. blogohelp29 июля 2009 г. в 13:24

    Lazy Quill-driver, не совсем понял вопрос - я ввожу все коды только в закладке HTML, не переключаюсь в визуальный текстовый редактор ибо это все испортит.

    ОтветитьУдалить
  9. Lazy Quill-driver29 июля 2009 г. в 13:28

    Я тоже в ней ввожу, заключаю в теги pre и code, но при публикации html-код внутри этих тегов съедается либо вызывает ошибки (например если попробовать опубликовать теги типа head). Т.е. редактор в момент публикации по-прежнему пытается весь код обработать, не взирая на обертывание в pre. Как добиться, чтобы он этого не делал? Запретить ему трогать текст внутри pre. Может какие-то настройки шаблона не упомянуты?

    ОтветитьУдалить
  10. blogohelp29 июля 2009 г. в 14:08

    Lazy Quill-driver, попробуй преобразовать текст в HTML код, то есть вместо < > использовать коды - я это делаю в Дримвьвере.

    ОтветитьУдалить
  11. Lazy Quill-driver29 июля 2009 г. в 15:06

    Такое решение помогло.

    Преобразователь спецсимволов html в эскейп-последовательности:
    http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

    ОтветитьУдалить
  12. Tod29 июля 2009 г. в 16:43

    Lazy Quill-driver, давно вставлял код вот и забыл как оно делается. В wordpress можно без преобразований.

    ОтветитьУдалить
  13. Анонимный17 августа 2009 г. в 09:21

    Спасибо, Tod! Вчера создал блог на blogger. Он на тематику программирования и информационных технологий. Как раз искал решение для подсветки исходников. Это как раз то что нужно.
    А ещё спасибо тебе за твои статьи в блогах. Они мне очень помогают как начинающему блоговоду. =)

    ОтветитьУдалить
  14. Провинциальный программист2 октября 2009 г. в 20:41

    Возьму на вооружение, давно искал что-нибудь подобное.

    ОтветитьУдалить
  15. Провинциальный программист2 ноября 2009 г. в 21:48

    Да, тема хорошая... Но вот, что меня смущает, уважаемый автор. Почему в Вашем блоге не включена подсветка синтаксиса? Нельзя ли показать хотя бы одну страничку блога на Blogger, где все описанное работает?

    ОтветитьУдалить
  16. Провинциальный программист2 ноября 2009 г. в 22:11

    Похоже понял, в чем проблема. Правильный путь к скрипту такой:
    http://softwaremaniacs.org/media/soft/highlight/highlight.pack.js

    ОтветитьУдалить
  17. Романенко Сергей / Awilum7 ноября 2009 г. в 19:21

    Highlight.js, какой то фиговый скрипт. Покажите мне полноценый блог который использует этот блог.
    Я так голову ломал что бы его нормально подключить, так как он конфликтовал с сами шаблоном моего блога. Но потом подключил все таки. Но он не работает нормально. Иногда html теги проскакивают и они опознаются браузеом как реальные теги и это гробит шаблон блога.
    Я так же пробовал и вот этот
    http://code.google.com/p/syntaxhighlighter/
    но он таже не все парсит. То пропускает то берет вместо того что бы вывесте текст в тегах он их применяет.
    Офлайн версии тоже убогие. Некоторые более менее катят но то же глюки непонятные.

    ОтветитьУдалить
  18. Dima26 января 2010 г. в 06:35

    Ссылку на скрипт поменяли.
    Обновленный вариант
    http://softwaremaniacs.org/media/soft/highlight/highlight.pack.js

    ОтветитьУдалить