В Джумла достатньо додати до білого списку ці теги, щоб при збереженні не різало.
Далі в шаблон можете додати стилі та JQuery плагін, який ці теги буде обробляти.
На сайті у нас використовується https://github.com/google/code-prettify
Тут можна в автоматичному режимі виставити, щоб підсвітка була для тієї чи іншої мови програмування, або задати певну мову.
Також можна обрати або створити свій стиль оформлення https://rawgit.com/google/code-prettify/master/styles/index.html
Налаштування та детальний опис роботи плагіну: https://github.com/google/code-prettify/blob/master/docs/getting_started.md