Самое прекрасное — это когда нужна поддержка сайта, а ты сидишь с телефоном
в руке и ЗНАЕШЬ, чей номер набрать! т. +7 831 4637611 моб. +7 910 3820622
WhatsApp +7 953 5571863 Skype aitishnik
Айтишник РУ Нижний Новгород, Симферопольская, 21 ПН-ПТ 08 - 18
от 500 RUB до 200 000 RUBlogo aitishnik.ru
A+ A A-

Вставка и подсветка кода в Joomla 2.5

В одной из предыдущих статей («Текстовые редакторы в Joomla») я вкратце описывал использование текстовых редакторов. Возможности этих редакторов на 99% покрывают потребности пользователей Joomla. Но иногда их возможностей не хватает или лучше воспользоваться специальными расширениями. Допустим, что в статью нужно вставить код одного из конфигурационных файлов Linux-сервера или фрагменты кода на PHP, например изменения в одном из файлов Joomla. И не просто вставить, а сделать так, чтобы он удачно вписался в материал, чтобы был подсвечен код. О том, как это сделать мы и поговорим в этой статье.
Специальные расширения хороши не только тем, что легко позволяют вставить код, но и тем, что позволяют его подсветить. Давайте, в качестве примера, вставим в статью фрагменты: одного из файлов Joomla и настроечного файла pptp.

HS Highlighter

Чтобы реализовать это воспользуемся специальным расширением - HS Highlighter. Оно состоит из двух плагинов: один отвечает за подсветку кода, другой добавляет кнопку вставки кода в материал. HS Highlighter поддерживает огромное количество языков программирования и разметки, а благодаря его интеграции в Joomla вставлять код сможет даже ребёнок.
Скачиваем пакет расширения: или с сайта АйтишникРу, или с сайта разработчика (нужна регистрация). На момент написания статьи была доступна версия 1.0.7. Устанавливаем HS Highlighter стандартным способом, через «Менеджер расширений». После установки перейдём в менеджер плагинов и найдём в списке плагин «Content - Hs Syntax Highlighter» - это плагин подсветки кода. Плагин выключен, включим его и откроем для редактирования настроек.

HS Highlight выбор стиля

В блоке «Основные параметры» можно выбрать стиль отображения фрагментов кода и их подсветки. Мне нравится «Midnight» - его и выбираю.

HS Highlight дополнительные настройки

В блоке дополнительных настроек («Advance Setting») можно настроить дополнительные параметры такие как: добавление после кода пустой строки, подключение своей таблицы стилей и т. д. Новичку лучше оставить параметры по умолчанию. Сохраняем изменения, убеждаемся, что плагин включен и находим в списке плагинов ещё одну строку «Button - Hs Highlighter Button» - это та самая кнопка. Включаем этот плагин и открываем его для редактирования.

HS Highlight настройка кнопки

В настройках плагина можно указать ставить ли какой-либо тег после вставки кода или нет. Я указал ничего не ставить. Сохраняемся и переходим непосредственно к вставке кода.
Откроем статью, в которую будем вставлять код.

HS Highlight кнопка

В нижней части окна редактора видим, что появилась кнопка для вставки кода - «Highlight Code». Теперь совсем всё просто: нажимаем эту кнопку и вставляем нужный код.

HS Highlight вставка кода 1

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

HS Highlight вставка кода 2

Во втором абзаце вставим фрагмент линуксового конфигурационного файла с нумерацией по умолчанию. Смотрим, что получилось.

Joomla подсветка кода

Вот и всё. Ничего сложного.

Помните, что у нас вы можете не только купить готовый сайт или заказать его разработку, но и подобрать подходящий тариф поддержки сайта, заказать продвижение сайта в поисковых системах, а так же зарегистрировать домен в одной из двухсот доменных зон и выбрать недорогой тариф хостинга! Айтишник РУ

Об авторе:

ZolkinМеня зовут Андрей Золкин. Из более, чем пятнадцати лет работы в сфере информационных технологий, десять лет работаю с системами, базирующимися на открытом исходном коде. На страницах сайта Aitishnik.Ru веду блоги по CMC Joomla и Debian GNU/Linux.

 

Ещё статьи о Joomla 2.5

    • Установка и настройка phpMyAdmin

      Установка и настройка phpMyAdminУстановка phpMyAdmin написана по материалам сайта php-myadmin.ru. Рекомендую этот сайт всем, кто хочет разобраться во всех тонкостях работы с phpMyAdmin. Скачиваем файловый архив phpMyAdmin-3.4.9-all-languages.7z по следующей ссылке. На момент написания...

    • Установка Joomla 2.5

      Установка Joomla 2.5Установка Joomla 2.5 довольно проста и не занимает много времени. В этой статье рассматривается установка CMS Joomla (Джумла) в общем виде на локальный компьютер. Установка и настройка вэб-сервера и дополнительных программ рассматриваются в предыдущей...

    • Социальные кнопки в Joomla 2.5

      Социальные кнопки в Joomla 2.5В этой статье я расскажу, как разместить на сайте под управлением Joomla кнопки социальных сетей или социальные кнопки. Хотя споры по поводу социальных кнопок всё не утихают, я для себя сделал выбор – кнопки социальных сетей нужны на сайте. Есть шанс, что добавится определённая...

    • Вставка и подсветка кода в Joomla 2.5

      Вставка и подсветка кода в Joomla 2.5В одной из предыдущих статей («Текстовые редакторы в Joomla») я вкратце описывал использование текстовых редакторов. Возможности этих редакторов на 99% покрывают потребности пользователей Joomla. Но иногда их возможностей не хватает или лучше воспользоваться специальными расширениями. Допустим, что в статью...

    • Восстановление сайта на Joomla 2.5

      Восстановление сайта на Joomla 2.5В этой статье мы рассмотрим восстановление сайта под управлением Joomla 2.5 из резервной копии созданной, компонентом Akeeba Backup. Для восстановления сайта нам потребуются: последняя резервная копия и скрипт Akeeba Kickstart с сайта Akeeba Backup. Нам не...

    • Настройка Apache, MySQL, PHP

      Настройка Apache, MySQL, PHPОткрываем в текстовом редакторе конфигурационный файл вэб-сервера Apache. Он называется httpd.conf и находится в корневой папке сервера, в поддиректории conf. В нашем примере C:\www\conf\httpd.conf. Найдём и раскомментируем (удалим...