Продолжаем уроки 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

Все делали по вашим инструкциям, но меню 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

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

Настройка

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

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

FCKeditor

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

А какого меню нет? Если вы

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

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

Спасибо! Всё работает.

Спасибо! Всё работает.

Незачто) Это первый

Незачто)

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

Привет. В вашей статье

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

Привет. Установка модулей

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

Спасибо, работает.

Спасибо, работает.

Незачто -)

Незачто -)

Допустим мне нужно сделать

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

Свою форму к чему? К

Свою форму к чему? К FCKEditor-у ? 

Нет. Но это уже не актуально.

Нет. Но это уже не актуально. Предлагаю разобраться с модулем 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. Так держать! :)

Спасибо, стараюсь)

Спасибо, стараюсь)

Извиняюсь, но у меня тоже

Извиняюсь, но у меня тоже траблы с 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!!! Не

ckeditor_3.0.zip!!!

Не разбираля пока с его установкой, если не ошибаюсь, там требуются дополнительные костыли. Как появится официальнаяподдержка ckeditor, опишу установку.

а как создать кнопку в этом

а как создать кнопку в этом редакторе?

Погуглите) Не помню где сам

Погуглите) Не помню где сам находил инфу. Скажу только что это не ложно, если знаете Javascript, если не знаете, то вряд ли что либо получится.

Я скачал, IMCE Mkdir, и IMCE

Я скачал, IMCE Mkdir, и IMCE Crop, и установил сначало Mkdir в папку модули потом в неё IMCE crop в неё, захожу в управление- модули, галочка на них не ставиться.

IMCE crop куда закинули? Все

IMCE crop куда закинули? Все папки должны быть в папке modules

Перекинул всё в modules и в

Перекинул всё в 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 (отсутствует)

галочка на против них не ставиться :(

С галочками разобрался сам,

С галочками разобрался сам, ступанул просто, теперь другая проблема, после тгго как нажимаю загрузить файл, вылетает ошибка
This connector is disabled. Please check the "editor/filemanager/connectors/php/config.php" file

File browser settings: File

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

Сделали?

а, всё, спасибо!! заработало!

а, всё, спасибо!! заработало! Блин у меня теперь почти полноценный сайт благодаря тебе Жека!! спасибо, раскручусь я тебе точно денег закину =)) Слушай ещё мини вопрос есть, эти анонсы в блоге, через ничего не получаеться просто по середине текста вставляю а он просто как текс отображается.

А вставляешь <!--break-->

А вставляешь как? Сам пишешь или кнопкой с меню FCK?

сам пишу. где эта кнопка?

сам пишу. где эта кнопка?

Ай красава!!! нашёл )) блин,

Ай красава!!! нашёл )) блин, я просто счастлив !! ))

FCK по умолчанию заменяет

FCK по умолчанию заменяет опасные символы наподобие <>, что бы вбивать теги в FCK, нужно нажать "Источник", первая кнопка

Файлы на сервер загружает, а

Файлы на сервер загружает, а вот изображение не показывает -
ни в окне загрузки, ни в самом FCK (только прямоугольник с
alt-содержанием) после кнопки "Send to FCK editor". Естественно
и в материале после сохранения - все тот же пустой прямоугольник.
В чем может быть причина? Может криво встал FCK editor?

А скачали ckeditor, или

А скачали ckeditor, или fckeditor?

А clean url в настройках включены? у меня схожая проблема с imagecache именно из за этого была.

Скачал и установил именно

Скачал и установил именно fckeditor.
А вот clean url в настройках включить не могу - сервер не позволяет.
Если файл .htaccess из установки Drupal копирую на сервер, то вообще
ничего не работает - приходится удалять. А что без Чистых ссылок не
будет работать fckeditor?

Вообще должен и без них

Вообще должен и без них работать -) Проверьте куда у вас заливаются файлы (и заливаются ли), и какие пути к файлам проставляет FCK.

Файлы изображений заливаются

Файлы изображений заливаются в /sites/default/files/images/ на сервере.
А как проверить, какие пути ставит FCK?
Дело в том, что я сейчас попробовал на локальном сервере -
там все работает, правда там установлены чистые ссылки.

RSS-материал RSS-материал