Главная » Drupal » Статьи Drupal » Подсветка синтаксиса в Drupal: используем мощнейшую библиотеку GeSHi + GeSHi Filter, инструкция по работе с модулем
Распечатать статью

Подсветка синтаксиса в Drupal: используем мощнейшую библиотеку GeSHi + GeSHi Filter, инструкция по работе с модулем

Для решения задачи с подсветкой синтаксиса языков программирования в Drupal нам понадобятся:

Примечание. Данный материал актуален для Drupal 6, действия по настройке в седьмой версии CMS по-моему схожи.

Импортируем перевод, распаковываем архив и помещаем модуль в папку ../sites/all/modules. Библиотеку GeHSi распаковываем в папку с модулем GeSHi Filter, чтобы он «налету» увидел её (можно и в ../sites/all/libraries, если вручную путь прописать). Активируем всё необходимое, в ../admin/build/modules появятся:

  • GeSHi field, — добавит новый тип CCK-поля, включать необязательно;
  • GeSHi Filter, — реализует необходимый нам функционал с помощью библиотеки Generic Syntax Highlighter, включать обязательно;
  • GeSHi node, — добавит новый тип материала (полностью «кусок кода»), включать необязательно.

Переходим по ../admin/settings/geshifilter, также не забываем включить GeHSi-фильтр в для выбранного вами формата ввода (../admin/settings/filters, жмём «настроить»):

Подключение библиотеки GeSHi  к «GeSHi фильтр» на Drupal 6 Как включить GeSHi Filter на Drupal 6 для подсветки кода

А теперь кратко пройдёмся по настройкам модуля, вкладка «Общие настройки«:

Фильтрующие теги и разделители GeSHi, — выбор того, как будем выделять код ([ЯП]Какой-то код[/ЯП], <ЯП>Какой-то код и т.п.).

Опции подсветки синтаксиса, — здесь стоит выделить опцию «Включить ссылки для ключевых слов». По умолчанию будет включена, — на некоторые ключевые ссылки GeSHi фильтр будет генерировать ссылки на официальные сайты с документацией. Если боитесь обилия «лишних» ссылок можно отключить. «Использовать highlight_string()», — т.е. для подсветки PHP-кода будет использоваться не JavaScript, а PHP (по этому принципу работает простой модуль Code Filter). Прочие опции задают внешний вид.

Стиль. Здесь я оставлял всё по умолчанию: способ подсветки синтаксиса, — «Инлановые атрибуты style.» (перевод не вполне корректный попался, — встроенный CSS/в принципе можно подправить файл локализации в POEdit). Отвечает за способ подключения стилей. Способ обёртки кода, — как участок кода будет выделяться (как <pre>, как <div> и прочее).

Вкладка «Языки«:

  • Все, — показывает всё, что может «подсвечивать» GeSHi, включать/выключать подсветку для языков программирования нужно именно здесь;
  • Включено, — показывает только те, что включены;
  • Отключено, — показывает только те, что отключены.

Как включить подсветку языка программирования в GeSHi на Drupal

Обратите внимание, при переходе на вкладку «Языки» по умолчанию вы будете направлены на «Включено», но как было сказано выше основной интерес представляет «Все».

Вкладка «Конфликты фильтров«: название говорит само за себя, если вдруг какие-то фильтры «перекрывают» друг друга (к счастью, я пока с этим не сталкивался).

А вот и пример работоспособности подсветки:

#footer a{
	color			:	#FFF;
}

.navigation {
	line-height		: 	18px;
	margin-left             :       5px;
	margin-right            :       5px;
	overflow		:       hidden;
}

И в завершение. GeSHi можно без проблем прикрутить к BUEditor.

Источник:  sooource.net

Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи