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

Решение, как сделать подсветку синтаксиса кода на сайте
Если вам необходимо вывести исходный код на странице сайта красиво, с подсветкой синтаксиса и форматированием, то существует множество плагинов. Рассмотрим пример внедрения на плагине 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>

Комментарии (0)

Похожие решения:
Изменено: 14 03 2020
Просмотров: 10992