Подсветка синтаксиса для сайта

Решение, как сделать подсветку синтаксиса кода на сайте

Если вам необходимо вывести исходный код на странице сайта красиво, с подсветкой синтаксиса и форматированием, то существует множество плагинов. Рассмотрим пример внедрения на плагине Google Code Prettify.

Подробно о Google Code Prettify
Темы для Google Code Prettify

Решение:

Между тегами <head>...</head> вставим строку подключения плагина:

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

Чтобы вывести красиво оформленный код на странице, нужно его разместить между тегами <pre class="prettyprint"> ... </pre>, например так:

<pre class="prettyprint">class Voila {
public:
  // Voila
  static const string VOILA = "Voila";

  // will not interfere with embedded <a href="#voila2">tags</a>.
}</pre>

Не понятно? Нажми тут для помощи!