Самое прекрасное — это когда нужна поддержка сайта, а ты сидишь с телефоном
в руке и ЗНАЕШЬ, чей номер набрать! т. +7 831 4637611 моб. +7 910 3820622Айтишник РУ Нижний Новгород, Симферопольская, 21
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

    • Шаблоны на Joomla, коренные отличия от аналогов...

      Шаблоны на Joomla, коренные отличия от аналогов...Макеты на основе этой системы предоставляются в достаточно широком ассортименте. Тех, кто желает иметь собственный интернет-ресурс, привлекает огромный выбор расширений, легкость управления. Шаблоны сайтов используют как разработчики...

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

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

    • Общие настройки сайта на Joomla

      Общие настройки сайта на JoomlaПосле установки Joomla, настройки резервного копирования, а так же знакомства с восстановлением сайта, займёмся общими настройками. В панели управления сайта кликнем на кнопке быстрого доступа «Общие настройки». Общие настройки можно ещё...

    • Настройка CAPTCHA в Joomla 2.5

      Настройка CAPTCHA в Joomla 2.5В Joomla, в версии 2.5 появилось полезное нововведение – CAPTCHA. CAPTCHA это аббревиатура, расшифровывающаяся как Completely Automated Public Turing test to tell Computers and Humans Apart. Что переводится как «Полностью автоматизированный...

    • Joomla авторизация через соц. сети

      Joomla авторизация через соц. сетиВ последнее время стало «модно» предоставлять посетителям сайта возможность регистрации и авторизации, используя свои учетные записи в социальных сетях. В этом есть определенная логика - не каждый хочет проходить регистрацию на сайте. По...

    • Яндекс карта и карта Гугл в Joomla 2.5

      Яндекс карта и карта Гугл в Joomla 2.5В разделе «Контакты» многих сайтов присутствует карта или схема проезда до нужного объекта. Зачастую, карты присутствуют не только в контактах и не только в единичном количестве. Раньше роль карт играли статические изображения этих самых...