Способов для этого немало, существуют для joomla и соответствующие расширения. Но я предпочел попросту скачать
highlight.js с
сайта проекта
, что рекомендую и вам.
Содержимое загруженного архива помещаем где-либо в публичном каталоге вашего сайта; теперь, чтобы красиво подсветить код на страничке сайта - поступаем следующим образом: размещаем код как обычный текст, затем, не уходя со странички, отключаем редактор и обрамляем строчки кода следующим образом:
<pre><code>vash_kod</code></pre>
Создаем новый HTML-модуль и вписываем в него следующее:
<link rel="stylesheet" href="highlight/styles/googlecode.css">
<script src="highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
Новый модуль очень удобно публиковать только на тех страничках, где предполагается публикация кода - посредством
Modules Anywhere от Nonumber. К слову, вы легко можете подгружать
highlight.js и с Яндекса:
<link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
<script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
Пробуйте, все несложно. Вы даже можете выбрать стиль отображения из множества предложенных,
см. демо
.
