]]>eTXT]]>


]]>]]>

Подсветка синтаксиса кода в ноде Drupal

Модуль друпал Syntax Highlighter для подсветки синтаксиса кода, вставляемого в запись для более наглядного показа читателям. Установка и настройка.

В статье "Code Filter - модуль друпал для вставки кода" я познакомила вас со способом корректного добавления кода в запись. Иначе любой код, предназначенный для просмотра пользователем будет изменем/обрезан самим редактором. Но в этом случае синтаксис не подсвечивается, а часто именно подсветка помогает освоить учебный материал намного быстрее. Возьмите любой длинный код, в котором вам нужно разобраться и посмотрите его в обычном блокноте или в Notepad-e. Правда ж, подсвечивание нам с вами необходимо?

В вордпресс для этого решения существует много плагинов вставки кодов - только выбирай. Но и в друпал тоже есть готовое решение - модуль Syntax Highlighter. Разберемся, где его скачать и как его установить, настроить.

 

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

 

1. Скачать модуль Syntax Highlighter для 6 и 7 версии на оф. сайте ]]>http://drupal.org/project/syntaxhighlighter]]>

Перевести на русский ]]>http://drupaler.ru/translate/languages/ru/export?project=syntaxhighlighter]]>

Залить модуль в папку sites/all/modules.

 

2. Этот модуль работает только с библиотекой, которую можно скачать ]]>здесь]]>.

Файлы библиотеки помещаем в папку sites/all/libraries. Здесь нужно обратить внимание на следующее: Создаем папку syntaxhighlighter и в нее заливаем файлы. В итоге, библиотека будет находиться по этому пути: sites/all/libraries/syntaxhighlighter.

 

3. Активировать модуль Syntax Highlighte.

 

4. Настраиваем модуль. Идем по каждому пункту настроек модуля и выбираем нужные нам.

Доступные языки. Сначала поставим галочки напротив языков программирования, коды которых вы будете вставлять посты. Например, Css, JScript, Php, Sql, Xml и т.д.

Тема. Выбираем понравившуюся тему для показа блока с кодом.

Имя тэга. По-умолчанию предлагается использовать тег pre. Оставляем его или пишем свой таким же образом, например, code (без угловых скобок).

Страницы, к которым не применять модуль. Оставим умолчания.

Сохраняем сделанные настройки и пробуем написать пост со вставкой кода. 

Для этого нужно поместить наш код между тегами pre, добавив класс brush, в котором укажем язык программирования – например, php - brush:php.

<pre class=brush:php> Здесь пишем код в режиме HTML</pre>

Пример:

  
<?php
       
echo "Привет, я - скрипт PHP!";
       
?>

Как видим, все замечательно работает. Для изменения внешнего вида этого блока можно выбрать другую тему. Дефолтная тема выводит код на странице с такими же цветами, как мы привыкли видеть.

Важно, чтобы в перечне "Порядок фильтров" Syntax Highlighter находился выше пункта "Преобразовывать переносы строк в HTML" и ниже "Ограничить разрешённые в содержании ХТМЛ-теги".

Если вы знаете другой способ для друпал, то, пожалуйста напишите о нем.

Приятной работы в drupal!

Все для сайтов: 

Добавить комментарий

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
To prevent automated spam submissions leave this field empty.
CAPTCHA
Действительно ли вы человек?

Навигатор по интернету

Узнать простую, но эффективную систему для наращивания трафика. Плюс эта книга с правами перепродажи. 

Узнать подробнее!

Создание сайта

Сделать веб-сайт по приемлемым ценамЗаказать создание сайта под ключ. Цена: недорого.





Если вам понравилась статья, вы можете ]]>подписаться на RSS]]> или E-mail рассылку. Для получения обновлений по электронной почте, введите ваш e-mail адрес в эту форму:

Введите Ваш email:

Подпишись с ]]>FeedBurner]]>

Другие сервисы почтовых рассылок

* Нажимая на кнопку "Подписаться!" я даю согласие на рассылку и соглашаюсь с политикой конфиденциальности