FCKeditor - WYSIWYG редактор.

FCKeditor - WYSIWYG редактор. Установка и настройка fckeditor в друпал.

Сегодня будем доделывать друпал, прежде чем начинать размещать материал. (С "доделывать", конечно, загрубила:).

Рассмотрим установку в друпал визуального редактора FCKeditor . Повозиться с ним пришлось и, похоже, не только мне. Удивляет, что такой движок, как друпал не имеет его или подобный редактор по умолчанию. Тот, что предлагается изначально вводит в шоковое состояние пользователя, привыкшего работать с визуальным редактором.

Краткая шпаргалка по установке и настройке FCKeditor

1. Скачать модуль FCKeditor с ]]>официального сайта]]>.

Загрузить в директорию с модулями sites/all/modules

2. Скачать сам редактор с ]]>официального сайта FCKeditor]]>

Разархивировать архив и скопировать содержимое папки в директорию sites/all/modules/fckeditor/fckeditor/

3. Вносим изменения в файл config.php, который расположен в директории fckeditor/fckeditor/editor/filemanager/connectors/php/

$Config['Enabled'] = true ; //- включаем fckeditor

$Config['UserFilesPath'] = '/userfiles/' ; //- прописываем относительный путь к загружаемым файлам

После этой строки:

$Config['UserFilesAbsolutePath'] = '' ;

Вставляем строку, этим включаем редактор:

require_once "../../../../../filemanager.config.php";

Затем прописываем абсолютный путь к загружаемым файлам (URL сайта drupal сам вставит):

$Config['UserFilesAbsolutePath'] = '/sites/default/files/userfiles/' ;

Дополнительно, не обязательно. Если эти строки

$Config['QuickUploadPath']['Image']= $Config['UserFilesPath'] ;

$Config['QuickUploadAbsolutePath']['Image']=$Config['UserFilesAbsolutePath'] ;

Переписать так:

$Config['QuickUploadPath']['Image']= $Config['UserFilesPath'] .'image/';

$Config['QuickUploadAbsolutePath']['Image']=$Config['UserFilesAbsolutePath'] .'image/';

То получим быструю загрузку (с вкладки Закачать) не в директорию files, а в files/image/

4. Нужно включить загрузку в самом друпале.

Правим файл settings.php, который расположен в директории sites/default/

Раскомментируем строку (169-я):
# $cookie_domain = 'example.com';
получаем:
$cookie_domain = 'example.com';
- здесь нужно прописать домен своего сайта. Без этого изменения в  файле FCKeditor решит, что файловый обозреватель выключен.

5. Активируем модуль fckeditor на странице модулей.

6. Настраиваем модуль - роли и права в друпал.

1 шаг. Идем в меню «Управление > Управление пользователями > Роли», и добавляем новую роль - «администратор».

Админу нужно зайти в «Мои учетные данны е> изменить» – поставить галочку роль администратор.

2 шаг. Право доступа для администратора.

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

3 шаг. Право доступа для зарегистрированных пользователей.

«Управление > Управление пользователями > Разрешения» Для зарегистрированного пользователя даем права только на использование редактора. Ставим галочку использовать fckeditor.

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

3 шаг. Настройка профиля Advanced в редакторе FCKeditor

Advanced (расширенный, с загрузкой изображений и т. д.)

Идем «Управление > на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

4 шаг. Настройка профиля Default в редакторе FCKeditor

Default (упрощенный вариант)

Идем на страницу «Управление > Настройка сайта > FCKEditor».

Кликаем ссылку «изменить» напротив профиля Default.

Основные настройки (Basic setup):

Устанавливаем галочку анонимные пользователи (и администратор).

Самый простой вариант использовать Default - для анонимных пользователей, Advanced - для зарегистрированных.

Дополнительные настройки FCKeditor

1. Можно дополнительно изменить файл fckeditor.config.js под свои потребности. Вы можете копировать нужные строки из настроек по умолчанию в файле modules/fckeditor/fckeditor/fckconfig.js.

Посмотрите на эту строку: ['Cut','Copy','Paste','PasteText','PasteWord'], Это кнопочки, которые будут видны или не видны в панели редактора. Настройка происходит с помощью комментирования или раскомментирования строк. Все изменения видны визуально.

2. Плагины: "Отделение анонса" и "Разбиение на страницы"

По умолчанию модуль FCKeditor идет с двумя плагинами, которые могут вставлять разделитель анонса(!--break--) и разделитель страниц (<!--pagebreak-->).

Чтобы использовать pagebreak, нужно сначала скачать, включить модуль paging и разрешить его фильтр для вашего формата ввода. Можно включить любой (или оба) из них.

1 шаг. Откройте /modules/fckeditor/fckeditor.config.js и раскомментируйте три строчки:

FCKConfig.PluginsPath = '../../plugins/' ;

FCKConfig.Plugins.Add( 'drupalbreak' ) ;

FCKConfig.Plugins.Add( 'drupalpagebreak' ) ;

2 шаг. Добавление кнопки в панель, правим этот же файл. Кнопки называются: DrupalBreak, DrupalPageBreak.

Смотрим файл, массив кнопок определен таким образом:

['Image','Flash','Table','Rule','SpecialChar']

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

['Image','Flash','Table','Rule','SpecialChar', 'DrupalBreak', 'DrupalPageBreak']

Проблемы – не показываются рисунки на сайте, не загружается картинка с компьютера. Решение.

• Чтобы рисунки отобразились на сайте, нужно установить формат ввода в «Full HTML».
• Проверить все прав и роли, где только можно.
• Проверить тип файлового браузера – IMCE
• Причина может быть и в файле .htaccess, который сам создается в папке /sites/default/files/

Нужно закомментировать все строки и сохранить.

Статьи для изучения cms drupal:

Установка и настройка ckeditor в Drupal 7

Создание сайтов на drupal

Выбор версии и установка drupal

Модули drupal для создания блогов