]]>eTXT]]>

Сервис анализа и проверки траста xt сайтов в Яндексе

]]>Анализ сайта:]]> Проверка Траста

]]>]]>

Подсветка синтаксиса кода в ноде 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. Этот модуль работает только с библиотекой, которую можно скачать здесь: http://alexgorbatchev.com/SyntaxHighlighter/

Файлы библиотеки помещаем в папку 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!

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

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

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

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

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

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





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