Сышышь ты, выходи сюда,
поговорим !

Визуальный редактор Drupal

Опубликовано: 01.12.2018

видео Визуальный редактор Drupal

Визуальный редактор для CMS Drupal 7

Всем привет! На связи Дмитрий Афонин! Удивительно, но первоначально Drupal не предоставляет никакого редактора материала. Нам дается обычное пустое поле без каких-либо функциональных кнопок или подсветки синтаксиса кода, и в нем следует творить наши статьи. Сомнительное удовольствие даже для людей, знающих html. Сейчас мы исправим эту неприятную ситуацию, и поможет нам в этом бесплатный модуль Wysiwyg. Да прибудет с нами визуальный редактор Drupal !


Как сделать свой сайт на Drupal. Устанавливаем визуальный редактор.

WYSIWYG  — аббревиатура, полученная от английского выражения «What you see is what you get», что в переводе означает «Получаю, то что вижу». Так называют визуальные редакторы, которые предоставляют многофункциональный пользовательский интерфейс наподобие того, что используется в MS Word и его бесплатном аналоге LibreOffice.


Drupal - почему Bueditor, а не визуальный редактор

Множество функциональных кнопок, которые позволят отформатировать текст по вашему желанию и получит на выходе то, что вы видите в самом визуальном редакторе. Не надо знать ни язык разметки html, ни стили css, ведь работаете вы только с графическим интерфейсом, который из-за схожести с MS Word знаком и понятен каждому.

Модуль Wysiwyg Drupal, который сейчас будем рассматривать, выполняет функцию связующего звена между визуальным редактором и Drupal. Фактически, он предоставляет на выбор 11 (!!!) визуальных редакторов! Какой из них использовать — зависит только от вас. Мой выбор пал на CKEditor. Он мне показался весьма простым, но в тоже время функциональным.

с drupal.org, распакуйте в текущий каталог и полученную папку перекиньте на сервер в директорию /sites/all/modules, используя ftp клиент . Активируйте Wysiwyg в разделе «Модули» и переходите к его настройкам («Конфигурация» — «Работа с содержимым» — «Профили Wysiwyg»).

На выбор предоставляется 11 редакторов, для каждого из них дана инструкция по установке. Рассмотрим установку в Drupal визуального редактора CKEditor.

Вот какая инструкция нам дается.

Шаг №1. Переходим по ссылке «скачать» и попадаем на официальный сайт CKEditor. Там даже есть специальная версия для Drupal, она то нам и нужна!

Шаг №2. Заходим на сервер в директорию /sites/all и создаем в ней папку libraries. Именно в нее и будем загружать в дальнейшем папку с файлами нашего визуального редактора Drupal.

Шаг №3. Распаковываем скаченный архив в текущий каталог. Казалось бы, полученную папку и надо загружать на сервер, но нет! Здесь есть подвох. Согласно второму условию, файл ckeditor.js должен лежать в папке ckeditor, а его там нет. Решение проблемы простое: нам нужна не полученная после распаковки папка, а внутренняя одноименная — «ckeditor». Именно в ней и лежит заветный файл ckeditor.js.

И так, берем внутреннюю папку «ckeditor», в которой имеется файл ckeditor.js, и загружаем на сервер в директорию /sites/all/libraries.

Поздравляю, CKEditor установлен, осталось только выбрать его по умолчанию. Вновь переходим в раздел «Конфигурация» — «Работа с содержимым» — «Профили Wysiwyg».

Режим Filtered HTML отличается от Full HTML тем, что в нем разрешается использовать ограниченный набор тегов:

< a> < em > < strong > < cite > < blockquote > < code > < ul > < ol > < li > < dl > < dt > < dd >

Все остальные теги удаляются при сохранении документа. Данный режим имеет смысл устанавливать для тех пользователей, которым вы не можете доверить безопасность Drupal, но в тоже время они должны иметь права на написание и публикацию материала.

Третий режим называется Plain text. В нем html теги не обрабатываются и выводятся как обычный текст.

Как видите, если вы админ Drupal, то имеет смысл пользоваться только режимом Filtered HTML. Именно для него и задаем в качестве редактора по умолчанию наш CKEditor.

Теперь заходим в настройки, кликнув по ссылке «Редактировать». Еще такой момент, если захотите сменить редактор, то просто нажмите «Удалить» и выберете новый.

Нам нужны первые два раздела.

1. Основные настройки. Выбираем в качестве язык интерфейса русский.

2. Кнопки и плагины. Отмечаем галочками те кнопки, которые хотите задействовать в визуальном редакторе Drupal. Выбор достаточно большой.

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

Если данный редактор вам не понравится или просто со временем надоест, то можете попробовать другой. Последовательность действий при установке будет примерно та же, только обратите внимание на соответствующую инструкцию.

На этом все, спасибо за внимание! Берегите себя!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.