Ведение программистского блога подразумевает демонстрацию фрагментов кода, который, выглядит наглядней с выделением шрифтом ключевых слов и комментариев.

В статье описывается простой и эффективный способ решения этой задачи за счет использования скрипта http://highlightjs.org/.

Открываем файл index.php шаблона сайта и добавляем подключение самого скрипта и стилевого файла

// подключение стиля разметки кода
$doc->addStyleSheet('http://yandex.st/highlightjs/7.4/styles/idea.min.css'); $doc->addScript('http://yandex.st/highlightjs/7.4/highlight.min.js');
$doc->addScriptDeclaration('hljs.initHighlightingOnLoad();');

 После таких доработок в любом материале сайта мы можете использовать теги <pre><code> здесь сам код</code></pre> для размещения примеров.

Скрипт распознает языки программирования и разметки автоматически по эмпирическому правилу: подсчитывает количество ключевых слов применительно к каждому из известных языков.

Тот язык, который набрал наибольшее количество ключевых слов, и считается правильным.

При малом количестве слов возможны статистические ошибки. В этом случае можно явно указать язык с помощью атрибута class тега code.

Например SQL:


select *
from STUDENT
where ((:AUDIENCE starting with GROUP_CODE or :AUDIENCE starting with GROUP_CODE2) and
      INFOCHECK = 1) and
      (exists(select *
              from OKIN_04 FL
              join ok$in on ok$in.faset=4 and ok$in.val=12
              where FL.PERSON_ID = STUDENT.ID and
                    FL.ACTUAL = 1) or ((select LANG
                                        from DISCIPLINE
                                        where CODE = :D) = 0))

 

Разумеется, можно сменить минималистский стиль на более привычный вам и вашим пользователям, заменив ссылку на стилевой файл.

В качестве недостатка такого способа следует упомянуть необходимость прямого редактирования кода статьи, так как встроенный редактор Joomla хоть поддерживает стиль Preformatted, добавляющий тег <pre>, но не добавляет тег <code>.