Самое прекрасное — это когда нужна поддержка сайта, а ты сидишь с телефоном
в руке и ЗНАЕШЬ, чей номер набрать! т. +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, настройки резервного копирования, а так же знакомства с восстановлением сайта, займёмся общими настройками. В панели управления сайта кликнем на кнопке быстрого доступа «Общие настройки». Общие настройки можно ещё...

    • Установка Apache, MySQL, PHP

      Установка Apache, MySQL, PHPВ этой статье будет рассмотрено создание простейшего локального хостинга, для работы с сайтами под управлением Joomla 2.5 в домашних условиях. Описывается процесс установки на компьютер под управлением Windows 7 32-битной архитектуры. Для организации локального хостинга нам...

    • aiContactSafe - формы обратной связи

      aiContactSafe - формы обратной связиОдной из распространенных задач для веб-мастера, является создание почтовых форм или форм обратной связи для оправки писем (сообщений) с сайта. В Joomla это можно реализовать несколькими способами, в том числе и стандартно, с помощью компонента «Контакты». Но в этой статье я расскажу о том,...

    • Текстовые редакторы в Joomla

      Текстовые редакторы в JoomlaБольшую часть работы с CMS Joomla занимает работа с текстом. И чтобы эта работа была более комфортной, хорошо бы подобрать себе инструмент по вкусу. В этой статье мы познакомимся с текстовыми редакторами, которые наиболее часто используются в Joomla. Это TinyMCE, Code...

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

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

    • Установка и удаление расширений в Joomla 2.5...

      Установка и удаление расширений в Joomla 2.5...В предыдущей статье мы получили общие сведения о расширениях в Joomla 2.5. Теперь самое время узнать, как устанавливать и удалять расширения. Все расширения Joomla, будь то компонент, модуль, плагин или шаблон устанавливаются и удаляются одинаково. Делается это с помощью, входящего в...