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

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

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

Далее переходим в меню «Управление → Управление пользователями → Разрешения», и и даем модератору право на доступ к 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, а так же удобно для пользователей, скачать его можно
На этом урок закончен.
Не совсем уверен о чем мы будем разговаривать в следующей статье, но скорее всего мы прикрутим блок «календарь», который будет выводить наши записи по датам.
Спасибо за внимание -)



Комментарии
Загрузка с сервера
By Jusats (не проверено) on 18 Июл 2009 at about 16:24.Drupal 6 - Windows XP SP3 - Denwer 3
Дважды прошел урок 3, но кнопка "Просмотреть на сервере" не появилась.
О_о
By RemaGe on 19 Июл 2009 at about 07:03.А какой у вас браузер? У меня с оперой тоже были проблемы.
Если проблема не в браузере, а все модули установлены, то скорее всего что то не так с правами доступа.
Прошел по уроку в опере 10 бета, все нормально.
FCKeditor
By Zhennya on 20 Июл 2009 at about 11:03.Все делали по вашим инструкциям, но меню 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.
---------
Подскажите, пожалуйста, что делать?
А что именно не работает?
By RemaGe on 20 Июл 2009 at about 11:08.А что именно не работает? Вообще не появилось меню FCKeditor, или не доступна закачка изображений?
FCKeditor
By Zhennya on 20 Июл 2009 at about 11:16.Настройка сайта/FCKeditor/Дальше написано то что показали в предыдущем письме и еще -
Профили и Global Settings
Настройка
By RemaGe on 20 Июл 2009 at about 11:25.Настройка сайта/FCKeditor/Дальше
Тут это и должно быть, меню FCKeditor должно появится при создании материалов, то есть, если вы создаете блог, и зашли на сайт с учетной записи администратора, то меню FCKeditor появится на странице "Создать материал->Запись в блоге "
FCKeditor
By Zhennya on 20 Июл 2009 at about 12:31.Спасибо за быстрый ответ. Но все равно что-то не получается. Меню нет. И еще один вопрос(заранее благодарна) : логотип свой получилось установить, а можно ли саму шапку сайта поменять, если применялся по выбору из тем оформления. Нужно дополнительный модуль закачивать?
А какого меню нет? Если вы
By RemaGe on 20 Июл 2009 at about 12:47.А какого меню нет?
Если вы хотите изменить саму шапку, то вам потребуются знания HTML и CSS. Стандартные темы находятся в папке "ваш сайт/themes".Хотя все зависит от того что именно вы хотите изменить. Если знаний в HTML и CSS нет или недостаточно, можете подобрать готовую тему (Как сделал я -) ), например тут.
Спасибо! Всё работает.
By Alex (не проверено) on 05 Авг 2009 at about 13:43.Спасибо! Всё работает.
Незачто) Это первый
By RemaGe on 05 Авг 2009 at about 17:28.Незачто)
Это первый комментарий к этому уроку, в котором говорится, что все работает, что не может не радовать)
Привет. В вашей статье
By Резидент (не проверено) on 16 Авг 2009 at about 16:23.Привет. В вашей статье пошагово объясняется про установку FCKeditor, но при этом, вы пропустили момент с установкой модулей изображений. Куда, в какую папку копировать imce и прочие, и нужно ли их потом где-то включать (в модулях, к примеру)?
Привет. Установка модулей
By RemaGe on 16 Авг 2009 at about 16:27.Привет. Установка модулей описывалась в прошлых уроках, поэтому здесь я на ней не останавливался, а установку FCKeditor подробно описал потому что она немного отлична, от обычной установки модуля. Остальные модули нужно залить в папку /all/modules и включить в "модулях" -)
Спасибо, работает.
By nimand2000 (не проверено) on 24 Авг 2009 at about 12:13.Спасибо, работает.
Незачто -)
By RemaGe on 24 Авг 2009 at about 12:20.Незачто -)
Допустим мне нужно сделать
By Rolikin (не проверено) on 28 Авг 2009 at about 14:38.Допустим мне нужно сделать свою форму. Я так понимаю пхп никак не прикрутить, кроме как через свой модуль?
Свою форму к чему? К
By RemaGe on 28 Авг 2009 at about 18:11.Свою форму к чему? К FCKEditor-у ?
Нет. Но это уже не актуально.
By Rolikin (не проверено) on 05 Сен 2009 at about 11:24.Нет. Но это уже не актуально. Предлагаю разобраться с модулем webform.
а можно адаптировать статью в
By Борисыч (не проверено) on 24 Сен 2009 at about 12:02.а можно адаптировать статью в связи с новой редакцией редактора: сейчас вместо FCKEditor'а введен CKEditor?
Подумываю об этом, хотя есть
By RemaGe on 24 Сен 2009 at about 15:55.Подумываю об этом, хотя есть желание кроме FCK, так же описать BUEditor (которым пользуюсь я), и еще чего нибуль-)
С CK постараюсь разобраться в выходные.
А можно сделать чтобы при
By VasyOK{!} (не проверено) on 28 Сен 2009 at about 02:16.А можно сделать чтобы при выборе ОДНОЙ картинки уменьшенная ее копия вставлялась в статью, а сама картинка открывалась в новом окне.
А то как-то муторно все: сначала вставить миниатюру, потом вставить оригинал.
Не сталкивался с подобным, но
By RemaGe on 28 Сен 2009 at about 05:36.Не сталкивался с подобным, но думаю самый простой способ - это создать свою доп кнопку для фцк, которая будет добавлять нужный код, впринципе там не сложно, если посидеть поразбераться -)
Евгений еще вопрос, не
By maxim on 03 Окт 2009 at about 12:21.Евгений еще вопрос, не подскажите ли как добавить FCKeditor в модуль mini panel, когда захожу в содержимое ->добавить содержимое->новое содержимое-> fckeditor не отображается
И если это не возможно, то
By maxim on 03 Окт 2009 at about 12:27.И если это не возможно, то чем можно заменить
В принципе разобрался, вопрос
By maxim on 03 Окт 2009 at about 13:35.В принципе разобрался, вопрос отпадает
Здравствуйте, огромное
By Резидент (не проверено) on 12 Окт 2009 at about 23:32.Здравствуйте, огромное спасибо, очень помогло на трех сайтах, а вот на одном я споткнулся...
дело в том, что до меня не дошло вовремя, что можно сделать визуал редактор так быстро и просто, поэтому я решил поставить Wysiwyg
ессно для него кучу всякого надобавлял на сайт, также в FCKeditor, в том числе и в библиотеку Libre но все равно не заработало ну да и фиг бы с ним, но когда попытался поставить "чистый" FCKeditor у меня пошли ошибки...
открывается страница например: Создать страницу и там вместо FCKeditor поля редактора (как у меня на остальных сайтах, где FCKeditor ставился "с нуля") стоит белое поле и внизу такая вот надпись: The ID for добавления или исключения this element is: edit-body - the path is: node/add/page
беда в том, что я пытался удалить его из системы, удалял по FTP он все равно при следующем подключении уже русифицирован и все предыдущие настройки держит и ничего не выходит...
Помогите плиз... очень-очень надо!
Попробуйте сначала удалить
By RemaGe on 13 Окт 2009 at about 05:16.Попробуйте сначала удалить модуль на странице "Modules" (там есть вкладка "удалить"), а потом уже физически, если не поможет, посмотрите тутhttp://www.drupal.ru/node/13954
удалил, поставил... и ничего
By Резидент (не проверено) on 13 Окт 2009 at about 17:24.удалил, поставил... и ничего не работает... опять: The ID for добавления или исключения this element is: edit-body - the path is: node/add/page
почитал ссылку которую вы дали (я её давно уже нашел...) тоже нифига не работает...
на других сайтах стоит и друпал и всё остальное тоже самое... и работает, а тут не хочет...
но если не сложно, можете подсказать где взять старую версию едитора под 6 друпал?
К сожалению не подскажу -(
By RemaGe on 13 Окт 2009 at about 17:40.К сожалению не подскажу -(
вообщем какими-то кругалями
By Резидент (не проверено) on 13 Окт 2009 at about 21:47.вообщем какими-то кругалями сделал... заработало... все делал по верхней инструкции, но кнопорка Браузер (или как её там) которая должна добавлять с компа изображения так и не появилась (IMCE прописал ессно)
Приятно удивлен качеством
By andyceo (не проверено) on 13 Окт 2009 at about 16:32.Приятно удивлен качеством этой статьи и вообще качеством всего ресурса. Спасибо вам, статья пригодилась, все работает. Заложил вас в закладки и подписался на RSS. Так держать! :)
Спасибо, стараюсь)
By RemaGe on 13 Окт 2009 at about 16:53.Спасибо, стараюсь)
Извиняюсь, но у меня тоже
By Попокатепетле (не проверено) on 15 Окт 2009 at about 14:05.Извиняюсь, но у меня тоже траблы с FCKeditor. В Модулях он появляется. Я его галочкой включаю... и дальше ничего не меняется. При создании Заметки - всё тоже, что и до Эдитора.
Мне кажется, я не совсем правильно понял, как и куда заливать модуль и самого едитора. Я делал так.
1. Скачал необходимые архивы - fckeditor-6.x-1.4.tar.gz и ckeditor_3.0.zip.
2. fckeditor-6.x-1.4.tar.gz залил в папку http://мой сайт/sites/all/modules.
3. ckeditor_3.0.zip залил в папку http://мой сайт/sites/all/modules/fckeditor/fckeditor/
Мне вот непонятно - может нужно было заливать напрямую в http://мой сайт/sites/all/modules/fckeditor/ ???
Короче, что я сделал не так? =)
ckeditor_3.0.zip!!! Не
By RemaGe on 15 Окт 2009 at about 14:30.ckeditor_3.0.zip!!!
Не разбираля пока с его установкой, если не ошибаюсь, там требуются дополнительные костыли. Как появится официальнаяподдержка ckeditor, опишу установку.
а как создать кнопку в этом
By Резидент (не проверено) on 31 Окт 2009 at about 09:48.а как создать кнопку в этом редакторе?
Погуглите) Не помню где сам
By RemaGe on 31 Окт 2009 at about 19:40.Погуглите) Не помню где сам находил инфу. Скажу только что это не ложно, если знаете Javascript, если не знаете, то вряд ли что либо получится.
Я скачал, IMCE Mkdir, и IMCE
By Vzmix (не проверено) on 03 Ноя 2009 at about 13:10.Я скачал, IMCE Mkdir, и IMCE Crop, и установил сначало Mkdir в папку модули потом в неё IMCE crop в неё, захожу в управление- модули, галочка на них не ставиться.
IMCE crop куда закинули? Все
By RemaGe on 03 Ноя 2009 at about 13:31.IMCE crop куда закинули? Все папки должны быть в папке modules
Перекинул всё в modules и в
By Vzmix (не проверено) on 03 Ноя 2009 at about 13:59.Перекинул всё в modules и в управлении модулями пишет напротив
IMCE Crop 6.x-1.x-dev Adds image cropping functionality to IMCE
Зависит от: Imce (отсутствует)
IMCE Mkdir 6.x-1.x-dev Allows users manage directories in IMCE
Зависит от: Imce (отсутствует)
галочка на против них не ставиться :(
С галочками разобрался сам,
By Vzmix (не проверено) on 03 Ноя 2009 at about 15:03.С галочками разобрался сам, ступанул просто, теперь другая проблема, после тгго как нажимаю загрузить файл, вылетает ошибка
This connector is disabled. Please check the "editor/filemanager/connectors/php/config.php" file
File browser settings: File
By RemaGe on 03 Ноя 2009 at about 20:01.File browser settings:
File browser type – ставим IMCE
Сделали?
а, всё, спасибо!! заработало!
By Vzmix (не проверено) on 03 Ноя 2009 at about 21:00.а, всё, спасибо!! заработало! Блин у меня теперь почти полноценный сайт благодаря тебе Жека!! спасибо, раскручусь я тебе точно денег закину =)) Слушай ещё мини вопрос есть, эти анонсы в блоге, через ничего не получаеться просто по середине текста вставляю а он просто как текс отображается.
А вставляешь <!--break-->
By RemaGe on 04 Ноя 2009 at about 05:13.А вставляешь как? Сам пишешь или кнопкой с меню FCK?
сам пишу. где эта кнопка?
By Резидент (не проверено) on 04 Ноя 2009 at about 06:17.сам пишу. где эта кнопка?
Ай красава!!! нашёл )) блин,
By Vzmix (не проверено) on 04 Ноя 2009 at about 06:18.Ай красава!!! нашёл )) блин, я просто счастлив !! ))
FCK по умолчанию заменяет
By RemaGe on 04 Ноя 2009 at about 07:57.FCK по умолчанию заменяет опасные символы наподобие <>, что бы вбивать теги в FCK, нужно нажать "Источник", первая кнопка
Файлы на сервер загружает, а
By pan on 04 Ноя 2009 at about 15:40.Файлы на сервер загружает, а вот изображение не показывает -
ни в окне загрузки, ни в самом FCK (только прямоугольник с
alt-содержанием) после кнопки "Send to FCK editor". Естественно
и в материале после сохранения - все тот же пустой прямоугольник.
В чем может быть причина? Может криво встал FCK editor?
А скачали ckeditor, или
By RemaGe on 04 Ноя 2009 at about 15:56.А скачали ckeditor, или fckeditor?
А clean url в настройках включены? у меня схожая проблема с imagecache именно из за этого была.
Скачал и установил именно
By pan on 04 Ноя 2009 at about 18:06.Скачал и установил именно fckeditor.
А вот clean url в настройках включить не могу - сервер не позволяет.
Если файл .htaccess из установки Drupal копирую на сервер, то вообще
ничего не работает - приходится удалять. А что без Чистых ссылок не
будет работать fckeditor?
Вообще должен и без них
By RemaGe on 04 Ноя 2009 at about 18:27.Вообще должен и без них работать -) Проверьте куда у вас заливаются файлы (и заливаются ли), и какие пути к файлам проставляет FCK.
Файлы изображений заливаются
By pan on 04 Ноя 2009 at about 18:38.Файлы изображений заливаются в /sites/default/files/images/ на сервере.
А как проверить, какие пути ставит FCK?
Дело в том, что я сейчас попробовал на локальном сервере -
там все работает, правда там установлены чистые ссылки.