Вы здесь

Drupal - Урок третий - Прикручиваем FCKeditor, и учим его загружать изображения (Модули Drupal FCKeditor, IMCE, IMCE crop).

Продолжаем уроки Drupal, о том как создать сайт. Сегодня мы прикрутим к сайту FCKeditor, который превращает создание статей в чистое удовольствие, и с помощью модуля IMCE научим его заливать на сервер изображения.

Модуль FCKeditor
Изначально ввод текста в Drupal довольно таки неуклюж. Это решается сторонними модулями, которые в большом количестве находятся  на Drupal org. Одним из самых популярных является FCKeditor, это вызвано колоссальным удобством, и большими возможностями по настройке. Сам FCKeditor скачиваем тут, на данный момент доступна версия 2.6.4,  а здесь скачиваем «лыжи», модуль для Drupal который встроит в него FCKeditor. Закидываем модуль скачанный с Drupal org в папку /sites/all/modules нашего сайта, и разархивируем FCKeditor в папку только что скопированного модуля.

Модуль CKEditor CKEditor

Включаем модуль привычным способом в меню «Управление → Конструкция сайта → Модули». Сразу после установки модуль готов к работе.


Теперь поговорим о проблеме возникающей у многих пользователей, - загрузка изображений на сервер средствами FCKeditor. В принципе этот функционал есть и в самом FCKeditor, но намного проще это реализовать с помощью модуля IMCE, и для увеличения функционала так же скачаем  IMCE Mkdir, и IMCE Crop, первый будет создавать на сервере папки, а второй обрезать изображения до нужного размера. Устанавливаем модули.
Для того что бы эта связка начала работать, нужно настроить профиль, и дать доступ одной из ролей, но администратора в разрешениях нету, что же делать? Мы создадим еще одну роль, и настроим для нее доступ, а администратор унаследует права от нее (не нашел как это сделать без создания дополнительной роли, если кто то знает — просвятите -) ).
Идем в меню «Управление → Управление пользователями → Роли», и добавляем новую роль - «модератор».



Далее переходим в меню «Управление → Управление пользователями → Разрешения», и и даем модератору право на доступ к FCKeditor (access fckeditor).



Сохраняем, заходим «Управление → натcройка сайта → FCKeditor». Настроим профиль Advanced, кликаем сылку «изменить» напротив профиля  Advanced.

Basic setup:
Устанавливаем галочку «Модератор»

Editor appearance:
Toolbar – устанавливаем "Drupal Full" (у модератора будут все возможности)
Язык – выбираем Ru
И по желанию можно изменить Skin, мне нравится Office2003

CSS:
Editor CSS – устанавливаем FCKeditor default (это не обязательно, но могут возникнуть проблемы при использовании стороних тем для сайта)

File browser settings:
File browser type – ставим IMCE

остальное можно не трогать, сохраняем.

Если вы все сделали правильно, то меню FCKeditor должно принять вид



а в меню добавления изображения должна появиться кнопка «посмотреть на сервере»



Теперь давайте попробуем что нибудь закачать -) Нажимаем кнопку добавления рисунка «рис»
в появившемся меню жмем кнопку «посмотреть на сервере»
 


Видим папки находящиеся на сервере, за загрузку изображений отвечает ссылка загрузить, жмем «обзор», выбираем нужный нам рисунок, и нажимаем «загрузить», через мгновение файл появляется на сервере, теперь его можно скаллировать (подогнать под нужные нам размеры)  с помощью ссылки «Resize», и обрезать с помощью ссылки «Crop», для вставки его в наш документ, нужно нажать ссылку «Send to FCKEditor».
Готово!



Чтобы рисунки отобразились, так же нужно установить Формат ввода в «Full HTML».
Из соображений безопасности формат ввода «Full HTML» можно давать лишь администратору, или модератору, а обычным пользователям «Filtered HTML», в который нужно добавить необходимые теги, как это сделать мы обсудим позже.

Модуль Similar By Terms.
Модуль Similar By Terms служит для создания блока "Похожие статьи", это полезно для SEO, а так же удобно для пользователей, скачать его можно тут, установка довольно таки проста, и во многом похожа на установку модуля Tagadelic, который мы обсуждали во втором уроке. Будем считать что это дамашнее задание -)

На этом урок закончен.
 
Не совсем уверен о чем мы будем разговаривать в следующей статье, но скорее всего мы прикрутим блок «календарь», который будет выводить наши записи по датам.
Спасибо за внимание -)

Комментарии

Drupal 6 - Windows XP SP3 - Denwer 3

Дважды прошел урок 3, но кнопка "Просмотреть на сервере" не появилась.

А какой у вас браузер? У меня с оперой тоже были проблемы. 

 

Если проблема не в браузере, а все модули установлены, то скорее всего что то не так с правами доступа.

Прошел по уроку в опере 10 бета, все нормально.

Все делали по вашим инструкциям, но меню FCKeditor не принял должный вид.
Пишет:

The FCKeditor module allows Drupal to replace textarea fields with a rich text or WYSIWYG editor. This editor brings many of the powerful functionalities of known desktop editors like Word to the web. It's relatively lightweight and doesn't require any kind of installation on the client computer.

More information about the editor is located at the FCKeditor homepage. A small user guide is located at FCKeditor userguide.
---------
Подскажите, пожалуйста, что делать?

А что именно не работает? Вообще не появилось меню FCKeditor, или не доступна закачка изображений?

Настройка сайта/FCKeditor/Дальше написано то что показали в предыдущем письме и еще -
Профили и Global Settings

Настройка сайта/FCKeditor/Дальше

Тут это и должно быть, меню  FCKeditor должно появится при создании материалов, то есть, если вы создаете блог, и зашли на сайт с учетной записи администратора, то меню FCKeditor появится на странице "Создать материал->Запись в блоге "

Спасибо за быстрый ответ. Но все равно что-то не получается. Меню нет. И еще один вопрос(заранее благодарна) : логотип свой получилось установить, а можно ли саму шапку сайта поменять, если применялся по выбору из тем оформления. Нужно дополнительный модуль закачивать?

А какого меню нет?

Если вы хотите изменить саму шапку, то вам потребуются знания HTML и CSS. Стандартные темы находятся в папке "ваш сайт/themes".Хотя все зависит от того что именно вы хотите изменить. Если знаний в HTML и CSS нет или недостаточно, можете подобрать готовую тему (Как сделал я -) ), например тут.

Незачто)

Это первый комментарий к этому уроку, в котором говорится, что все работает, что не может не радовать)

Привет. В вашей статье пошагово объясняется про установку FCKeditor, но при этом, вы пропустили момент с установкой модулей изображений. Куда, в какую папку копировать imce и прочие, и нужно ли их потом где-то включать (в модулях, к примеру)?

Привет. Установка модулей описывалась в прошлых уроках, поэтому здесь я на ней не останавливался, а установку FCKeditor подробно описал потому что она немного отлична, от обычной установки модуля. Остальные модули нужно залить в папку /all/modules и включить в "модулях" -)

Допустим мне нужно сделать свою форму. Я так понимаю пхп никак не прикрутить, кроме как через свой модуль?

Нет. Но это уже не актуально. Предлагаю разобраться с модулем webform.

а можно адаптировать статью в связи с новой редакцией редактора: сейчас вместо FCKEditor'а введен CKEditor?

Подумываю об этом, хотя есть желание кроме FCK, так же описать BUEditor (которым пользуюсь я), и еще чего нибуль-)

С CK постараюсь разобраться в выходные.

А можно сделать чтобы при выборе ОДНОЙ картинки уменьшенная ее копия вставлялась в статью, а сама картинка открывалась в новом окне.

А то как-то муторно все: сначала вставить миниатюру, потом вставить оригинал.

Не сталкивался с подобным, но думаю самый простой способ - это создать свою доп кнопку для фцк, которая будет добавлять нужный код, впринципе там не сложно, если посидеть поразбераться -)

Евгений еще вопрос, не подскажите ли как добавить FCKeditor в модуль mini panel, когда захожу в содержимое ->добавить содержимое->новое содержимое-> fckeditor не отображается

Здравствуйте, огромное спасибо, очень помогло на трех сайтах, а вот на одном я споткнулся...
дело в том, что до меня не дошло вовремя, что можно сделать визуал редактор так быстро и просто, поэтому я решил поставить Wysiwyg
ессно для него кучу всякого надобавлял на сайт, также в FCKeditor, в том числе и в библиотеку Libre но все равно не заработало ну да и фиг бы с ним, но когда попытался поставить "чистый" FCKeditor у меня пошли ошибки...
открывается страница например: Создать страницу и там вместо FCKeditor поля редактора (как у меня на остальных сайтах, где FCKeditor ставился "с нуля") стоит белое поле и внизу такая вот надпись: The ID for добавления или исключения this element is: edit-body - the path is: node/add/page

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

Помогите плиз... очень-очень надо!

Попробуйте сначала удалить модуль на странице "Modules" (там есть вкладка "удалить"), а потом уже физически, если не поможет, посмотрите тут http://www.drupal.ru/node/13954

удалил, поставил... и ничего не работает... опять: The ID for добавления или исключения this element is: edit-body - the path is: node/add/page

почитал ссылку которую вы дали (я её давно уже нашел...) тоже нифига не работает...

на других сайтах стоит и друпал и всё остальное тоже самое... и работает, а тут не хочет...

но если не сложно, можете подсказать где взять старую версию едитора под 6 друпал?

вообщем какими-то кругалями сделал... заработало... все делал по верхней инструкции, но кнопорка Браузер (или как её там) которая должна добавлять с компа изображения так и не появилась (IMCE прописал ессно)

Приятно удивлен качеством этой статьи и вообще качеством всего ресурса. Спасибо вам, статья пригодилась, все работает. Заложил вас в закладки и подписался на RSS. Так держать! :)

Страницы