воскресенье, 4 июля 2010, Александр Краковецкий

Хочу рассказать о JavaScript библиотеке, которая используется на нашем сайте для подсветки исходного кода - highlight.js.

Использовать эту библиотеку очень просто:

• подключаем библиотеку highlight.pack.js
• подключаем нужные стили (мы используем Visual Studio скин - vs.css)
• оборачиваем нужный код в

  <code>ваш код</code>

Пример: index.html

  
  
  
  

Демо страница.

  

<code>public class
 WebSite<br />{<br />  public string Url { get; set; }<br />  public string 
Title { get; set; }<br />}<br /><br />using System;<br /><br />public class 
Program<br />{<br />  /// &lt;summary&gt;The entry point to the program.&lt;/summary&gt;<br />  ///
 &lt;remarks&gt;<br />  ///
 Using the Visual Studio style, the tags in this comment<br />  /// should
 be grey, but this text should be green.<br />  /// This comment should be
 green on the inside:<br />  /// &lt;!-- 
I'm green! --&gt;<br /><br />  /// &lt;/remarks&gt;<br />  public
 static int Main(string[] args)<br />  {<br />    Console.WriteLine("Hello, 
World!");<br />    return 0;<br />  }<br />}</code>

Результат:

Демо-проект присоединен к статье.

Если нужно подсвечивать HTML / CSS / XML / SQL код, то рекомендую Source Code Highlighter.

---