понедельник, 4 октября 2010 г.

Подсветка кода в блоге...

Сегодня подключил подсветку синтаксиса. Для этого использовал SyntaxHighlighter.


Попробую описать как это сделать.


Итак, заходим в редакторы шаблона, включаем режим HTML, ищем, где закрывается тег </head> .

Перед ним вставляем следующий код:
(Смотрите какая актуальная версия. В данном примере v2.1.364)
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css'
rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' 
rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' 
type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' 
type='text/javascript'></script> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 
'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

Сохраняем внесенные изменения.
Теперь, когда Вам нужно вставить в сообщение исходный код нужно поместить код в
таком формате:

В предыдущих версиях автор использовал для копирования кода в буфер Flash-технологию. Но начиная с версии 3.0.83 он отказывается от Flash. В примере ещё Flash - когда курсор над кодом появляются кнопки "Скопировать в буфер", "Печать" и "О программе".
В следующих версиях автор отказался от Flash. Для того, чтобы выделить текст достаточно кликнуть дважды по коду, или обычным способом - протянуть курсором над нужной областью.
Ну и напоследок укажу какие языки можно "подсветить":
actionscript3

bash, shell
c-sharp, csharp
cpp, c
css
delphi, pas, pascal
diff, patch
groovy
js, jscript, javascript
java
jfx, javafx
perl, pl
php
plain, text
ps, powershell
py, python
rails, ror, ruby
scala
sql
vb, vbnet
xml, xhtml, xslt, html, xhtml

Примечание: версию можно указать  не жестко(2.1.364), а написать current, что всегда будет указывать на последнюю стабильную версию...

Комментариев нет:

Отправить комментарий