Этот блог частично посвящен IT-сфере: linux, windows, android и т.п. Но в том числе и друпалу. Одной из повседневных задач является отображение в удобочитаемом виде кодов различных языков программирования, css и т.п.
Я для этих целей использую один из лучших WYSIWYG-редакторов для Drupal 7 — CKeditor с плагином Syntax highlighter. Я бы не писал этот пост, если бы установка и настройка этой связки была настолько простой, как кажется. У меня это отняло некоторое время. Чтобы вы его не потеряли, опишу процесс установки и настройки, который привел таки к успешному результату.
- Устанавливаем и включаем модуль CKeditor (весь процесс будет описан для пути по умолчанию — /sites/all/modules
- Качаем сам редактор CKeditor отсюда и разархивируем в папку уже установленного модуля CKeditor так, чтобы путь выглядел так: /sites/all/modules/ckeditor/ckeditor (/ckeditor.js)
- Качаем Syntax highlighter отсюда и разархивируем в /sites/all/libraries/syntaxhighlighter_x.x.xx где х.х.хх — скачанная версия
- Устанавливаем и включаем модуль SyntaxHighlighter. Если п.3 выполнен правильно, то модуль включится
- Качаем и разархивируем плагин SyntaxHighLighter для CKeditor так, чтобы путь был такой: /sites/all/modules/ckeditor/plugins/syntaxhighlight/ (plugin.js)
- Также копируем папки _source и plugins из п.5 в папку /sites/all/modules/ckeditor/ckeditor/
Подготовительный этап закончен. Теперь настраиваем модуль Syntax Highlighter — admin/config/content/syntaxhighlighter
В файле /sites/all/modules/ckeditor/ckeditor.config.js меняем строку 27 и 100 (в моей версии модуля)
config.extraPlugins = 'syntaxhighlight';
['DrupalBreak', 'DrupalPageBreak', 'Code']
В файле /sites/all/modules/ckeditor/ckeditor/config.js добавляем между { } следующее:
config.extraPlugins = 'syntaxhighlight'; config.toolbar_Full.push(['Code']);
В модуле CKeditor (admin/config/content/ckeditor) идем в Изменить текущего профиля (в моем случае профиль Full). Далее Вид редактора, где включаем галочку в пункте Модули —
P.S. В качестве дополнения. Можно русифицировать плагин syntaxhighlight. Сначала копируем приложенный к данной теме файл из архива ru.js в /sites/all/modules/ckeditor/plugins/syntaxhighlight/lang/ Ищем файл /sites/all/modules/ckeditor/plugins/syntaxhighlight/plugin.js и меняем в нем значения en на ru. Чистим кэш.
Сергей
В файле /sites/all/modules/ckeditor/ckeditor/config.js добавляем между { } следующее:
там сплошной текст. Куда вставлять?
или просто код файла и внизу так:
{
}
Роман
Вот так выглядит файл полностью:
Роман
Про фильтр подсветки синтаксиса GeSHi можно почитать здесь