26.01.2013

Как добавить форматирование кода в Blogger

Первый вопрос, который возник после работы с Blogger, был как добавить сюда красивое форматирование вставленного кода. Поизучал этот вопрос, в интернете оказалось достаточно много примеров того, как это можно реализовать. Я остановился, на Google Code Pretify.
Алгоритм действий по настройке следующий:

1) Открываем шаблон блога на редактирование и в заголовочную часть html вставляем код
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
2) В тэг body добавляем
onload='prettyPrint();'
3) Все, можно пользоваться.

Для включения подсветки кода при написании статьи, обрамляем её в следующем виде:
<pre class="prettyprint">
string str = "Hello, pretty code!"
</pre>
Также можно использовать конструкцию
<code class="prettyprint">
string str = "Hello, pretty code!"
</code>

Это лишь один вариантов того, как можно реализовать форматирование кода на сайте. Этот вариант мне понравился своей простотой.

1 комментарий: