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

Задача:

Как сделать подсветку синтаксиса кода на сайте

Если вам необходимо вывести исходный код на странице сайта красиво, с подсветкой синтаксиса и форматированием, то существует множество плагинов. Рассмотрим пример внедрения на плагине 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>
Изменено: 07 12 2017
Просмотров: 9773