Drupal → Установка WYSIWYG редактора CKEditor

05.06.2011

CKEditor — это популярный и бесплатный WYSIWYG редактор, который позволяет создавать HTML разметку не зная самого HTML. Раньше редактор назывался FCKeditor, но сменил имя чтобы не ассоциироваться со словом fuck (если верить википедии). Редактор кроссбраузерн и работает даже с шестой версией Internet Explorer. Функционал редактора расширяется с помощью плагинов.

Установить CKEditor в Drupal можно двумя способами:

1. С помощью модуля Wysiwyg.
2. С помощью модуля CKEditor.

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

Собственно процесс установки довольно прост:

  1. Скачиваем модуль CKEditor и распаковываем архив в sites/all/modules.

  2. Включаем модуль CKEditor на странице управления модулями.

  3. По умолчанию с модулем идёт два профиля — Advanced для текстового формата Filtered HTML, и Full для текстового формата Full HTML. Профили отличаются только наличием кнопок. Отредактировать профили или добавить новые можно на странице admin/config/content/ckeditor.

Всё.

Написанное актуально для
CKEditor 7.x-1.17+
Похожие записи

Комментарии

Антон Кондратов
06.06.2011, 01:21

Как-то никогда не было необходимости расширять его функционал. Какие плагины вы с ним используете или считаете полезными?

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

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

Считаю оптимальной установку через модуль Wyswyg, обновлять код самого редактора намного проще через sites/all/libraries, особенно если сайт в мультисайтинге или хостится несколько сайтов из одного ядра

Спасибо! Интересная идея, попробовать через конкретно модуль CKEditor, а не через общий WYSIWYG. Мне в голову не приходило даже поискать наличие такого модуля, просто по инерции WYSIWYG-ом после TinyMCE продолжил пользоваться.

Может подскажешь, есть ли не-хакерский способ позволить пользователям embed-ить видео с YouTube? (пока что только это нашёл, ещё не пробовал: http://drupal.org/node/655938, ну и ещё экспериментально добавили такую возможность в dev-версию http://drupal.org/project/ckeditor_swf).

есть ли не-хакерский способ позволить пользователям embed-ить видео с YouTube?

Video Filter + своя кнопка с диалогом, либо с простым prompt

Считаю оптимальной установку через модуль Wyswyg, обновлять код самого редактора намного проще через sites/all/libraries

второй модуль ведь тоже позволяет разместить редактор в libraries, плюс сегодня закомичена поддержка плагинов по подобию визивига, так что про ручную правку конфига скоро можно будет забыть :)

Video Filter - попробую прикрутить, спасибо большое!

Гость
06.08.2011, 16:07

сделал всё, как написано - не работает :(

Анатолий
04.10.2011, 00:28

Мучился, мучился с установкой редактора. Что только не читал на сайтах. 5 часов мучаюсь, туда, сюда.
Вот пришел на ваш сайт, прочитал эту тему и за 10 минут все установил.
Спасибо за ТОЛКОВОЕ. ПРОСТОЕ, ДОХОДЧИВОЕ разьяснение, как, от куда, что, брать и куда устанавливать, и что делать дальше.
Вообще могу сказать что движек не фонтан. Впрочем если ставить всякие прибамбасы, может с ним и можно будет работать.

Плохо что в редакторе нельзя устанавливать шрифты и цвет шрифта.

Но СПАСИБО ВАМ, наконец то могу отдохнуть.

Игорь
11.10.2011, 18:32

Вот столкнулся с проблемкой: в 7-ке не знаю как отключить у поля редактор, а фильтр поля нужен... ведь там ckeditor привязан именно к фильтру. Подскажите пожалуйста?!

Гость
18.02.2012, 06:04

Без визивига на D7 CKEditor пашет лучше.

ADSBRADAR.ru
06.04.2012, 21:29

намучился с установкой CKEditor на 6.25
оказалось просто качаете с офиц. сайта архви, распаковываете и заливате sites\all\modules

ADSBRADAR.ru
07.04.2012, 08:29

там есть версия для Drupal именно, чем же плохо?
щас пробую сделать так как вы сказали, потому что у меня никак не работает MediaEmbed

тем, что нельзя обновлять стандартным способом

ADSBRADAR.ru
08.04.2012, 07:44

может быть это стоит отразить в самой статье
я кстати не понял что значит "обновлять стандартным способом" тоже,
ведь ckeditor for drupal идет с официального сайта ckeditor.com, значит все нормально должно быть

Вы можете объяснить, где находится это sites/all/libraries/ckeditor/ckeditor.js ? Где эти все папки, как туда ходить?

Модуль CKEditor 6.x-1.13 с CKEditor 4.0.2 не работает, похоже нужно только 3 "ветка".

Гость
18.01.2013, 23:56

проконсультируйте пожалуйста!
после залива через Filezilla на сервер папок с файлами, у которых названия и у тех и у других на русском языке --- через IMCE в CkEditor-е у них крякобряки!!!!
Возможно исправить без транслитерации, чтобы в IMCE были кириллицей написаны?

Приветствую, еще раз спасибо за полезный ресурс. Не первый год активно юзаю DRUPAL, ставил и пользовался ранее обеими способами на различных сайтах
1. С помощью модуля Wysiwyg.
2. С помощью модуля CKEditor.
И вот понадобилось поставить плагин в сам CKEditor, как оказалось при №1 способе установки плагины не работают, в итоге задействовал способ №2,-отключил модуль Wysiwyg (+ удалил из libraries всю директорию CKEditor ) и установил модуль CKEditor скачав в libraries новый ckeditor, внедрил плагины в ckeditor - все работает ОК. НО тут почему-то через пару дней в редактировании материала исчез CKEditor! Отключение выключение и ПОЛНАЯ переустановка не помогает, в чем может быть причина, может сталкивались с подобной ситуацией?

Гость
01.09.2013, 13:48

Qvazari та же самая проблема. Как решили?

Konstantin_by
14.01.2014, 12:27

Извините, что немного не в тему:
Ckeditor плохо работает под Safari. Может кто сталкивался и решил проблему?

Абдырахман
19.04.2016, 08:21

Спасибо тебе, добрый человек!

Так ведь даже по второму способу нужно всё равно в папку sites/all/libraries распаковать скаченный CKEditor с офф сайта. Иначе ошибка.

Добавить комментарий