SyntaxHighlighter - подсветка кода в blogger

Чтобы отобразить в стать исходный код какого либо виджета. я использую набор js под названием SyntaxHighlighter.
Официальная страничка тут.


Установка проста до безобразия.
Нужно в секцию /head поместить целую кучу скриптов и стилей:
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js' type='text/javascript'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css' id='shTheme' rel='stylesheet' type='text/css'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushAS3.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJava.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPython.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js' type='text/javascript'/>

<script type='text/javascript'>SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

Не все пригодятся, каждый расчитан на определённый язык: смотрите название скрипта до расширения .js. Например, shBrushCss - обработчик кода для CSS.

Чтобы вставить код в тело поста, нужно воспользоваться тегом:
<pre class="brush: alias">code</pre>

Где xml заменить на один из алиасов нужного языка, code - непосредственно ваш код.

В конечном итоге по своему коду ещё неплохо пройтись конвертером.
Конечно, blogger может ругаться на такие штуки, но мы же переживём?

4 комментария:

  1. Я тоже нашёл эту страничку от горбачёва.Дело всё в том там появляется вопросительный знак.Нажимаешь его поевляется окно с просьбой пожертвовать.Мне не нужны скрытые URL в блоге.Как можно от этого избавиться?

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

    ОтветитьУдалить
  3. @aldous
    А кроме этого есть другие возможности?

    ОтветитьУдалить
  4. Если только использовать другой скрипт для подсветки кода.

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