RSS
 

Устанавливаем визуальный редактор TinyMCE 3.5.8 для Drupal 7 (через WYSIWYG)

29 Июн
Comments off

Posted by omega80 at 18:12

Вступление

ИзображениеДля более удобного создания страниц вашего сайта понадобится визуальный редактор. Свой выбор я сперва остановил на редакторе TinyMCE (Примечание: но потом все таки перешел на CKEditor, про установку читать ТУТ). Вот и рассмотрим установку редактора при помощи модуля WYSIWYG (с помощью него можно установить любой визуальный редактор).

Подготовка

Для реализации нашей идеи нам необходимо:

- модуль WYSIWYG;

- файл TinyMCE.

Приступаем

Сперва мы установим модуль WYSIWYG, для чего заходим в пункт модули и нажимаем на ссылку «Установить новый модуль» (Install new module). Нажимаем «Обзор», указываем место, куда сохранили файл WYSIWYG, выделяем его и нажимаем «Install»:

Изображение

После установки активируем его:

Изображение

Теперь переходим к настройке WYSIWYG (в меню «Configuration» -> «Wysiwyg profiles», если ничего нет, то необходимо раскрыть спойлер « Installation instructions »):

Изображение

Тут все написано понятно:

Для того, чтобы установить визуальный редактор TinyMCE необходимо скачанный архив распаковать в папку libraries на хостинге (у меня это omega80.ru/sites/all/libraries/tinymce).

Заходим в нашу панель управления хостингом, выбираем «Файловый менеджер» и переходим в каталог sites/all/libraries. Загружаем на хостинг архив с TinyMCE:

Изображение

После загрузки файла на хостинг не забываем нажимать кнопку «Обновить» (не в браузере, а именно в панели управления диспетчера файлов). Теперь распакуем архив в точности, как показано на рисунке:

Изображение

В итоге у вас должен лежать файл tiny_mce.js по адресу /sites/all/libraries/tinymce/jscripts/tiny_mce. Теперь снова входим в настройки WYSIWYG – перед нами должна быть вот такая картина:

Изображение

Выбираем напротив «Full HTML» пункт с названием нашего редактора и нажимаем сохранить:

Изображение

Теперь нажимаем «Edit» и выбираем необходимые нам кнопки и модули (обычно модуль отличается от кнопки наличием ссылки на сайт для краткого описания его функций):

Изображение

Внимание! Не надо активировать все кнопки!!! Часто новички активируют все пункты и попадают потом на отсутствие отображения картинок (надо отключить пункт BB code):

Изображение

После активации необходимых кнопок и модулей нажимаем «Save» в конце страницы.

Теперь переходим к редактированию или созданию статьи и видим панель нашего визуального редактора:

Изображение

 

Выводы и заключения

Я ни в коем случае не претендую на утверждение, что данная связка является самой лучшей, но в настоящее время установлена на одном из сайтов для людей, наполняющих сайт статьями и трудностей они не испытывают. С удовольствием обсужу в комментариях другие связки, и, если понравятся – напишу подробную статью. Всем спасибо!

Раздел: