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

Вставка и подсветка кода в 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 находится группа настроек, которая называется «Настройка системы». Поле ввода «Путь к каталогу логов» содержит путь к журналам Joomla. Обращаем внимание на запись пути! Так как мы организовывали локальный хостинг...

    • Joomla 2.5

      Joomla 2.5Здравствуйте, дорогие читатели и читательницы! Это первая статья посвящённая созданию сайтов на Joomla. И в ней я хочу рассказать о CMS Joomla!, о том для чего она нужна, о преимуществах Joomla 2.5 и об её отличиях от предыдущих версий. За читателем остаётся право согласиться с автором...

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

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

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

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

    • Расширения Joomla! Общие сведения

      Расширения Joomla! Общие сведенияВ первой статье о Joomla говорилось о том, что с её помощью можно сделать: и простой сайт-визитку, и интернет-магазин, и блог, и сайт социальной сети. Это достигается за счет использования тысяч различных расширений: компонентов, модулей, плагинов, шаблонов, написанных для Joomla....

    • Контакты и почтовые формы в joomla

      Контакты и почтовые формы в joomlaОдной из важных страниц большинства сайтов является страница с контактной информацией и почтовой формой обратной связи. В этой статье мы рассмотрим пример того, как можно создать такую страницу в Joomla. По традиции, сначала рассмотрим организацию...