Вопрос Подсветка кода

Добрый день, скажите, как подсветить код на страничке джумла-сайта, чтобы было как вот здесь ?

Способов для этого немало, существуют для joomla и соответствующие расширения. Но я предпочел попросту скачать highlight.js с сайта проекта , что рекомендую и вам.

Содержимое загруженного архива помещаем где-либо в публичном каталоге вашего сайта; теперь, чтобы красиво подсветить код на страничке сайта - поступаем следующим образом: размещаем код как обычный текст, затем, не уходя со странички, отключаем редактор и обрамляем строчки кода следующим образом:


Создаем новый HTML-модуль и вписываем в него следующее:


Новый модуль очень удобно публиковать только на тех страничках, где предполагается публикация кода - посредством Modules Anywhere от Nonumber. К слову, вы легко можете подгружать highlight.js и с Яндекса:


Пробуйте, все несложно. Вы даже можете выбрать стиль отображения из множества предложенных, см. демо .

Aleksej пишет: Содержимое загруженного архива помещаем где-либо в публичном каталоге вашего сайта; теперь, чтобы красиво подсветить код на страничке сайта - поступаем следующим образом: размещаем код как обычный текст, затем, не уходя со странички, отключаем редактор и обрамляем строчки кода следующим образом:

я так и сделал, но код уходит за пределы окна, не скроллится. Как сделать горизонтальный скроллинг на этом highlights.js ?

Попробуйте файл

в самом верху дополнить этой строчкой -

так, чтобы получилось