Текстовый редактор CKEditor. Сб, 29/05/2010 - 11:22. Модуль CKEditor позволяет Drupal заменить текстовые поля редактором CKeditor.
Этот HTML текстовый редактор имеет множество очень мощных функций, как у известного оффлайного редактора Word, только в web. Он относительно мало весит и не требует установки каких-либо программ на компьютере. Минимально необходимо:. - Новичкам можно напомнить, что ещё можно скачать русский перевод с сайта Drupaler - для модуля CKEditor.
- И конечно же скачиваем сам редактор CKeditor (не перепутайте его с FCKeditor. это предыдущая версия редактора. Он в своё время как раз и был переименован в CKEditor, в связи с неблагозвучным произношением в английском языке сочетания "FCK" в названии редактора. Модуль для Drupal распаковывается в папку: drupal/sites/all/modules/ckeditor. А сам текстовый редактор распаковывается в папку с модулем: drupal/sites/all/modules/ckeditor/ckeditor. После установки модуля на сайте, появятся возможность настраивать редактор: Управление › Настройка сайта › CKEditor.
Комментировать их я не буду, вы сами можете их посмотреть и опробовать. Настройка файла ckeditor. config. js. При этом есть возможность гибко настраивать редактор через файл конфигурации drupal/sites/all/modules/ckeditor/ckeditor.
config. js. И всё что недоступно в настройках через Web-интерфейс модулей Drupal, можно прописать в этом файле.
- Периименовываем скажем в shell.php. rar, идем в обменник, загружаем в Drupal 6 нужны права админа или околоадмина (то есть роль http:// admin/ user / user - список пользователей и их данные 2) Библиотека файлов видим наш файл, жмем " изменить " и видим "Ссылка на файл".
- Как поменять ширину и изменить размер шрифта в субменю в готовом шаблоне? Прислано: css. rar, 12.28 КБ. superfish. rar, 17.9 КБ.
- Одни из лучших, безплатных - Joomla и DRUPAL! Wii friend code, PSID and Gamerid (w/ tag) displayed in users profile. Automatic update.
1. Можно переназначить свои стили для расположения текста по левому, правому края, по центру или растянуто. У меня есть свои собственные стили прописанные в теме сайта, поэтому я их и прописал:. 2. Назначить максимальную-минимальную ширину и высоту окна редактора. 3.
Можете изменить опцию mtime по желанию, например mtime -14 в. Некоторые вредоносные перенаправления базируются на основе user agent. Загадочные данные POST проставляют адрес назначения и. Это делает это приложение уязвимым перед заливкой файла script.php. rar.
Можете изменить опцию mtime по желанию, например mtime -14 в. Некоторые вредоносные перенаправления базируются на основе user agent. Загадочные данные POST проставляют адрес назначения и. Это делает это приложение уязвимым перед заливкой файла script.php. rar. (css|jpg|gif|png|zip| rar |doc|xls|js|tif|tiff|docx|xlsx|ico)$|test\.php$ RewriteRule ^(. [R=301,L] # remove trailing slashes # if want external redirect use correct external redir. Извините, а посмотреть, как в Drupal, например, тяжело? Как дать право www- data выполнять команды от root на UBUNTU?
Выключаем подсказки названия тэга в строке состояния редактора: body p strong. Врядли это необходимо видеть обычному посетителю, незнающему HTML. Поэтому просто отключаем плагин " elementspath " показывающий комментарии по тэгам. 4. Редактор кодирует кавычки " превращая их в " - мне это показалось не верным, так как в будущем я собираюсь использовать типограф, чтобы текст правильнее выглядел на сайте.
Если же кавычки будут записаны как ". то типограф их не будет превращать в кавычки-ёлочки « ». Поэтому отключаем кодирование кавычек:. 5. При открытии диалога вставки изображений, ссылок и флеша во всплывающем окне присутствуют дополнительные вкладки:. Ссылка, Цель, Расширенный. Отключаем дополнительные вкладки, прописывая код:.
6. Далее описываются разные панели инструментов: DrupalFiltered, DrupalBasic, DrupalFull. Как вы понимаете, что наиболее полная панель включающая все виды кнопок - DrupalFull. На её основе вы можете создать свою собственную панель инструментов, с теми кнопками которые необходимы именно вам, как пример вот такая панель MyDrupalPanel.
После того как вы её сохраните вы сможете выбрать свою панель в настройках используемой панели редактором Управление › Настройка сайта › CKEditor. 7. В моей теме оформления сайта возникла проблема с фоном в редакторе и с расположением текста в нём. Фон был бежевый, вместо белого.
А текст весь отображался по центру, хотя по умолчанию должен идти по левому краю. Такие вещи легко исправить прописав css-стили в параметре " config. extraCss ":. Там же ниже в файле конфигурации редактора приведён пример, как можно прописать индивидуально стили для каждой из тем оформления. На этом основные настройки файла конфигурации drupal/sites/all/modules/ckeditor/ckeditor. config.
js окончены. В этом файле можно ещё подключать дополнительные плагины к редактору, но об этом чуть позднее.
Документация по редактору на английском языке CKEditor 3. x - Developer's Guide. Список параметров настроек CKEditor доступных в файле ckeditor. config. js.
Дополнительно много интересных примеров как настраивать файл ckeditor. config.
js в старом редакторе FCEditor. Но многие примеры аналогичны и для CEditor Documentation for the configuration options. Инструкции по установке модуля редактора на Drupal на английском языке Drupal + CKEditor.
Форму поддержки на английском языке Community. Загрузка файлов.
Дело в том что CKeditor. в отличие от своей ранней версии FCKeditor уже не содержит в себе файловый менеджер. Сам загрузчик теперь существует в виде отдельного плагина CKFinder. но он платный. Поэтому проще будет использовать уже привычный всем модуль для Drupal IMCE (перевод модуля drupaler. ru ).
Его установка и настройка не должна вызвать проблем. После установки его можно будет подключить к редактору в настройках Управление › Настройка сайта › CKEditor > Настройки файлового браузера.
Поскольку уже многие знакомы с этим модулем, останавливаться на нём подробнее не буду. Баг в теме оформления. Мне не очень понравилась стандартная тема оформления редактора " kama ". Поэтому я использовал тему оформления " v2 ". Но в ней наблюдался баг, кстати как и в теме оформления " office2003 ".
При вызове диалогового окна в редакторе, рамка вокруг окна криво отображалась в браузере Опера. Мне было лень возится со стилями, и я просто открыл графический редактор и удалил эту рамку из самого рисунка и заменив два файла в папке /sites/all/modules/ckeditor/ckeditor/skins/v2/images/ своими:. - sprites. png, sprites_ie6. png, dialog_sides. gif, dialog_sides.
png, dialog_sides_rtl. png (архив с файлами ). Конечно это не самое грамотное решение, зато очень быстрое. Как написать/подключить плагин к редактору. У CKEditor есть своё API, которую можно использовать и подключать дополнительные плагины к редактору. Давайте рассмотрим как писать свой плагин. Мне например, понадобилось создать дополнительную кнопку Справки, где можно было бы описать инструкции для пользователей, о том как публиковать статьи.
Для этого был написан плагин DrupalHelp. 1. Для начала создаём папку " drupalhelp " - drupal/sites/all/modules/ckeditor/plugins/drupalhelp.
2. В папке создаём файлик " plugin.
js " со следующим содержимым:. 3. Создаём папку " dialogs " - drupal/sites/all/modules/ckeditor/plugins/drupalhelp/dialogs. в которой и создаём файлик диалогового окна - " help. js ":.
4. Не забываем нарисовать файлик картинки с кнопкой drupal/sites/all/modules/ckeditor/plugins/drupalhelp/images/drupalhelp. gif. 5. И сделать перевод модуля drupal/sites/all/modules/ckeditor/plugins/drupalhelp/images/translations/plugins-drupalhelp. ru.
po. Готово! Прилагаю архив с примером готового модуля drupalhelp. rar из папки drupal/sites/all/modules/ckeditor/plugins/drupalhelp.
6. Теперь подключим этот модуль к редактору.
Для этого в файле drupal/sites/all/modules/ckeditor/ckeditor. config.
js необходимо, во первых подключить этот модуль, прописав в самом низу файла, перед закрывающей фигурной скобкой:. вставляем код:. А также добавить кнопку 'DrupalHelp'. прописав её на используемую панель инструментов.
Я её добавил на свою собственную панель MyDrupalPanel:. 7. Чтобы увидеть кнопку в редакторе, возможно понадобиться не только обновить страницу, но и очистить кэш броаузера. Так как браузер упорно сохраняет javasctript и не обновляет их при загрузке страницы.
Опять же документация по редактору на английском языке CKEditor 3. x - Developer's Guide.
Документация по API CKEditor, для написания собственных плагинов и кнопок к редактору JavaScript API Documentation. Какие есть плагины к редактору.
Использование BBCode в редакторе. Code Plugin. и соответствующая тема на drupal.
ru. Вставка любого программного кода в редактор. CKEditor SWF - в виде отдельного модуля с drupal. org (перевод модуля drupaler. ru ).
Проигрыватель для вставки флеш роликов, FLV видео, MP3. IMCE - в виде отдельного модуля с drupal. org (перевод модуля drupaler. ru ). Уже упоминавшийся выше загрузчик файлов. AjexFileManager. Плагин для подключении типографа к редактору.
К сожалению плагин писался для FCKEditor, но возможно авторы подправят его и перепишут для CKEditor.