Подсветка синтаксиса – очень просто.

Июнь 4, 2008 • Web

В течении года искал удобный плагин для подсветки и раскраски кода в заметках.

Наконец-то нашел. SyntaxHighlighter Но это еще не всё – я пользуюсь Windows Live Writer – для него есть plugin – wlwSyntaxHighlighter.

Вместе убойная вещь.

Установка очень проста:

  • Берем архив с  SyntaxHighlighter и помещаем куда-то на свой сервер. Всего две папки:
    • dp.SyntaxHighlighter/Scripts
    • dp.SyntaxHighlighter/Styles
  • Редактируем шапку темы и включаем следующее (yoursite и yourfolder заменить на Ваши)
<link type="text/css" rel="stylesheet" href="http://yoursite.com/yourfolder/Styles/SyntaxHighlighter.css"></link>
<script language="javascript" src="http://yoursite.com/yourfolder/Scripts/shCore.js"></script>
<script language="javascript" src="http://yoursite.com/yourfolder/Scripts/shBrushCSharp.js"></script>
<script language="javascript" src="http://yoursite.com/yourfolder/Scripts/shBrushPhp.js"></script>
<script language="javascript" src="http://yoursite.com/yourfolder/Scripts/shBrushSql.js"></script>
<script language="javascript">
window.onload = function() {
    dp.SyntaxHighlighter.ClipboardSwf = 'http://yoursite.com/yourfolder/Scripts/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
};
 </script>
  • Если надо добавить еще языков включаем соответсвующий shBrushLanguage.js (C++, CSS, Delphi, Java, JavaScript, Python, Ruby, VB, XML)
  • Устанавливаем plugin для Windows Live Writer – забираем его отсюда: wlwSyntaxHighlighter Вкладка Releases

Всё.

image

image

У этого плагина есть одно невероятное преимущество: код оформляется как фрагмент который можно редактировать отдельно от остальных частей.

Например попробуйте CodeSnippet. Вставьте код а потом его попробуйте отредактировать. Будете приятно удивлены.

Tags: , ,

Смотрите также: