xandeadx.ru Блог музицирующего веб-девелопера

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

Опубликовано в

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+
Похожие записи

Комментарии RSS

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

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

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

Считаю оптимальной установку через модуль 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 - попробую прикрутить, спасибо большое!

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

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

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

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

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

Грамотно и понятно ! спасибо!

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

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

простой, но плохой способ

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

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

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

А загрузка изображений?

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

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

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

это вам в issues IMCE

Спасибо!

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

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

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

Проблема решилась установкой более новой версии. Вот тут есть мануал по установке
http://docs.cksource.com/CKEditor_for_Drupal/Enterprise/Drupal_7/Install...
Как я понял он немного разнится с ^

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

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании