Текстовый редактор CKEditor

Аватар пользователя antton antton 29 мая 2010 в 15:22

CKEditorМодуль CKEditor позволяет Drupal заменить текстовые поля редактором CKeditor. Этот HTML текстовый редактор имеет множество очень мощных функций, как у известного оффлайного редактора Word, только в web. Он относительно мало весит и не требует установки каких-либо программ на компьютере.

Минимально необходимо:
- Скачиваем модуль CKEditor
- Новичкам можно напомнить, что ещё можно скачать русский перевод с сайта 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, можно прописать в этом файле.

1. Можно переназначить свои стили для расположения текста по левому, правому края, по центру или растянуто. У меня есть свои собственные стили прописанные в теме сайта, поэтому я их и прописал:

  config.justifyClasses = [ 'editor-left-button', 'editor-center-button', 'editor-right-button', 'editor-justify-button' ];

2. Назначить максимальную-минимальную ширину и высоту окна редактора.

//Ширина
  config.resize_minWidth = 450;
  config.resize_maxWidth = 600;
//Высота
//config.resize_minHeight = 100;
//config.resize_maxHeight = 500;
//Или же вообще отключить изменение размера редактора, отключив плагин "resize"
//config.removePlugins = 'resize';

3. Выключаем подсказки названия тэга в строке состояния редактора: body p strong. Врядли это необходимо видеть обычному посетителю, незнающему HTML. Поэтому просто отключаем плагин "elementspath" показывающий комментарии по тэгам.

  config.removePlugins = 'elementspath';

4. Редактор кодирует кавычки " превращая их в " - мне это показалось не верным, так как в будущем я собираюсь использовать типограф, чтобы текст правильнее выглядел на сайте. Если же кавычки будут записаны как ", то типограф их не будет превращать в кавычки-ёлочки « ». Поэтому отключаем кодирование кавычек:

  config.entities = false;

5. При открытии диалога вставки изображений, ссылок и флеша во всплывающем окне присутствуют дополнительные вкладки:
Ссылка, Цель, Расширенный. Отключаем дополнительные вкладки, прописывая код:

  CKEDITOR.on( 'dialogDefinition', function( ev ){
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        if ( dialogName == 'link' ){dialogDefinition.removeContents( 'advanced' );dialogDefinition.removeContents( 'target' );}
        if ( dialogName == 'image' ){dialogDefinition.removeContents( 'advanced' );dialogDefinition.removeContents( 'Link' );}
        if ( dialogName == 'flash' ){dialogDefinition.removeContents( 'advanced' );}
  });

6. Далее описываются разные панели инструментов: DrupalFiltered, DrupalBasic, DrupalFull. Как вы понимаете, что наиболее полная панель включающая все виды кнопок - DrupalFull. На её основе вы можете создать свою собственную панель инструментов, с теми кнопками которые необходимы именно вам, как пример вот такая панель MyDrupalPanel.

 /*
  * This toolbar MyDrupalPanel
  */

  config.toolbar_MyDrupalPanel = [
     
['Undo','Redo','Source','Maximize','-','RemoveFormat','SelectAll','Paste','PasteText','PasteFromWord','-','Templates','Image','Table','Link','Unlink','HorizontalRule','DrupalBreak'],
      '/',
     
['Bold','Italic','Strike','SpecialChar','-','Blockquote','NumberedList','BulletedList','-','JustifyLeft','JustifyCenter','JustifyRight','-','Format']
     ];

После того как вы её сохраните вы сможете выбрать свою панель в настройках используемой панели редактором Управление › Настройка сайта › CKEditor.

7. В моей теме оформления сайта возникла проблема с фоном в редакторе и с расположением текста в нём. Фон был бежевый, вместо белого. А текст весь отображался по центру, хотя по умолчанию должен идти по левому краю. Такие вещи легко исправить прописав css-стили в параметре "config.extraCss":

   config.extraCss = 'body{background:#FFF;text-align:left;font-size:0.8em;}';

Там же ниже в файле конфигурации редактора приведён пример, как можно прописать индивидуально стили для каждой из тем оформления.

На этом основные настройки файла конфигурации drupal/sites/all/modules/ckeditor/ckeditor.config.js окончены. В этом файле можно ещё подключать дополнительные плагины к редактору, но об этом чуть позднее.

Ссылки:

Загрузка файлов

Дело в том что 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" со следующим содержимым:

// Создаём плагин "drupalhelp"
CKEDITOR.plugins.add( 'drupalhelp',
{
        init : function( editor )
        {
                // Создаём кнопку на панели инструментов, и назначаем для неё команду - показать диалоговое окно
                editor.addCommand( 'drupalhelp', new CKEDITOR.dialogCommand( 'drupalhelp' ) );
                // Название кнопки на панели инструментов "DrupalHelp"
                editor.ui.addButton( 'DrupalHelp',
                        {
                                // Название кнопки
                                label : Drupal.t( 'Help' ),
                                // Картинка с нарисованной кнопкой
                                icon : this.path + 'images/drupalhelp.gif',
                                // Команда для вызова
                                command : 'drupalhelp'
                        } );
                // Подключаем дополнительный js-файл, в котором будут описаны команды по показу диалогового окно
                CKEDITOR.dialog.add( 'drupalhelp', this.path + 'dialogs/help.js' );

                // If the "menu" plugin is loaded, register the menu items.
                if ( editor.addMenuItems )
                {
                        editor.addMenuItems(
                                {
                                        drupalhelp :
                                        {
                                                label : Drupal.t( 'Help' ),
                                                command : 'drupalhelp',
                                                group : 'drupalhelp',
                                                order : 1
                                        }
                                });
                }
        }
} );

3. Создаём папку "dialogs" - drupal/sites/all/modules/ckeditor/plugins/drupalhelp/dialogs, в которой и создаём файлик диалогового окна - "help.js":

CKEDITOR.dialog.add( 'drupalhelp', function( editor )
{
        return {
                // Название окна
                title : Drupal.t( 'Help' ),
                // Размеры окна
                minWidth : 400,
                minHeight : 230,
                contents : [
                        {
                                id : 'tab1',
                                label : '',
                                title : '',
                                expand:true,
                                padding:0,
                                elements :
                                [ { type : 'html',
                                        id : 'content',
                                        // Текст в окне - вы можете прописать, именно тот что нужен вам.
                                        html :'
'+Drupal.t( 'Help' )+'
'
,
// Кнопка "Ок", для закрытия окна
}]}],buttons:[CKEDITOR.dialog.okButton]};
} );

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 необходимо, во первых подключить этот модуль, прописав в самом низу файла, перед закрывающей фигурной скобкой:

};

вставляем код:

   config.extraPlugins += (config.extraPlugins ? ',drupalhelp' : 'drupalhelp' );
   CKEDITOR.plugins.addExternal('drupalhelp', Drupal.settings.ckeditor.module_path + '/plugins/drupalhelp/');

А также добавить кнопку 'DrupalHelp', прописав её на используемую панель инструментов. Я её добавил на свою собственную панель MyDrupalPanel:

 /*
  * This toolbar MyDrupalPanel
  */

  config.toolbar_MyDrupalPanel = [
     
['Undo','Redo','Source','Maximize','-','RemoveFormat','SelectAll','Paste','PasteText','PasteFromWord','-','Templates','Image','Table','Link','Unlink','HorizontalRule','DrupalBreak','-','DrupalHelp'], // <-- вот тут в конце строки и добавлена кнопка
      '/',
     
['Bold','Italic','Strike','SpecialChar','-','Blockquote','NumberedList','BulletedList','-','JustifyLeft','JustifyCenter','JustifyRight','-','Format']
     ];

7. Чтобы увидеть кнопку в редакторе, возможно понадобиться не только обновить страницу, но и очистить кэш броаузера. Так как браузер упорно сохраняет javasctript и не обновляет их при загрузке страницы.

Ссылки:

  • Опять же документация по редактору на английском языке CKEditor 3.x - Developer's Guide
  • Документация по API CKEditor, для написания собственных плагинов и кнопок к редактору JavaScript API Documentation

Какие есть плагины к редактору

  • CKEditor BBCode Plugin
    Использование BBCode в редакторе.
  • Code Plugin, и соответствующая тема на drupal.ru
    Вставка любого программного кода в редактор.
  • CKEditor SWF - в виде отдельного модуля с drupal.org (перевод модуля drupaler.ru)
    Проигрыватель для вставки флеш роликов, FLV видео, MP3
  • IMCE - в виде отдельного модуля с drupal.org (перевод модуля drupaler.ru)
    Уже упоминавшийся выше загрузчик файлов
  • AjexFileManager
    Ещё один файловый менеджер
  • FCK Editor типограф, тема на habrahabr, тема на drupal.ru
    Плагин для подключении типографа к редактору. К сожалению плагин писался для FCKEditor, но возможно авторы подправят его и перепишут для CKEditor
0 Thanks

Комментарии

Аватар пользователя Stan.Ezersky Stan.Ezersky 29 мая 2010 в 16:43

Уважаемый Антон!

При всём уважении, зачем такие танцы?

Берём модуль wysiwyg, скачиваем редактор с официального сайта, кладём в /sites/all/libraries/ckeditor (на странице /admin/settings/wysiwyg есть подсказка, что и куда класть)
Включаем на странице модулей (/admin/build/modules)
Настраиваем нужные кнопки на странице редактора (/admin/settings/wysiwyg)

Всё!-)

"antton" wrote:

Текстовый редактор CKEditor

Вообще-то визуальный -)

P.S. При всё моём негативном восприятии визивигов, этот действительно заслуживает внимания, к тому же делает валидный код!

Аватар пользователя antton antton 29 мая 2010 в 20:55

patator, я не помню где, но где-то была статистика по работе с редакторами и в ней TinyMCE, проигрывал FCKEditor по корректности кода. И объяснялось чем. А CKEditor, это следующая версия FCKEditor. Хоть, все эти сравнения все весьма относительны, я именно поэтому в своё время выбрал CKEditor. Хотя тут вечный спор, кто правильнее и лучше.

Станислав, можно поставить и модуль wysiwyg, он действительно поддерживает все популярные визуальные текстовые редакторы: CKEditor, FCKeditor, jWYSIWYG, markItUp, NicEdit, openWYSIWYG, TinyMCE, Whizzywig, WYMeditor, YUI editor. Это кому что ближе и как больше нравится. Но поскольку wysiwyg пытается охватить много редакторов, в нём меньше настроек :-(

Нет настроек:

  • Настройки видимости - позволяет управлять в каких полях создавать текстовый редактор, а из каких исключить.
  • Назначить для разных ролей пользователей на сайте - разные панели инструментов с кнопками.
  • Выбрать тему оформления для редактора.
  • Назначить какой тэг будет вставляться при нажатие на клавишу Enter, а какой при сочетании клавиш Shift + Enter (выбрав любой из тэгов p, div, br). Для меня эта настройка очень важна.
  • Автоматичсеки подключить IMCE к редактору.

Хотя в отличие от модуля CKEditor у него есть и несколько необычных настроек:

  • Настройка панели инструментов (но только выбрать кнопки, поменять их порядок нельзя, придётся таки лезть в "ckeditor.config.js").
  • Расположение кнопок в редакторе (выше-ниже поля редактирования, левее, правее).
  • Выключение изменения размера редактора, но только отключение. Ограничить предел: минимум-максимум нельзя, придётся таки опять лезть в "ckeditor.config.js".
  • Выключение подсказки названия тэга в строке состояния редактора: body p strong (о котором я рассказывал - config.removePlugins = 'elementspath';).

А из этого "лишним" в том что я писал можно только назвать рассказ про "elementspath". Инструкция писалась для новичков, на портале уже есть инструкция по FCKeditor (http://www.drupal.ru/node/14187), а по его следующей версии CKeditor, увы нет. И новички по сей день продолжают ставить старую версию редактора.

После сообщения Станислава, я сделал один вывод: что надо описать ещё несколько параметров для файла конфигурации "ckeditor.config.js", если кто-то станет использовать wysiwyg. Чуть позже попытаюсь это сделать.

Аватар пользователя Stan.Ezersky Stan.Ezersky 29 мая 2010 в 20:39
"patator" wrote:

А TinyMCE это делает хуже?

Мусорит больше, чем CKeditor

"antton" wrote:

я сделал один вывод: что надо описать ещё несколько параметров для файла конфигурации "ckeditor.config.js", если кто-то станет использовать wysiwyg

Будет интересно!
Я, лично, противник визивигов, но этот заслуживает внимания

Аватар пользователя patator patator 30 мая 2010 в 9:53

Ок. Хотя по моим наблюдениям fc намного хуже tiny копировал и word. ск ещё не пробовал для этих целей.

Аватар пользователя Dark_kz Dark_kz 30 мая 2010 в 13:32

Как отключить этот редактор админу?
Я создал отдельную роль, дал ей права на редактор и назначил профиль
Для зарегистрированного юзера все это дело отключил, но у админа все равно появляется этот редактор. При нажатии "Disable Richedit" редактор исчезает, но вместо него не появляется обычный textarea

Аватар пользователя antton antton 30 мая 2010 в 16:33
Dark_kz wrote:

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

Ну если вы для работы редактора используете модуль CKEditor:

1. Создаём на сайте отдельную роль "Главный редактор сайта" - включаем её админу.

2. Создаём отдельный профиль в CKEditor "Not editor". Во всех возможных настройках прописываем, что не использовать редактор (Например, можно прописать из каких полей исключить редактор вовсе, или же прописать, что использовать редактор, только если textarea содержит более 100 строк, ну и т.д. Можно прописать любую из ограничивающих настроек.)

3. Включаем этот профиль для роли "Главный редактор сайта".

4. А в конце важно не забыть в общих настройках CKEditor (Глобальный профиль) - назначить правильно приоритеты ролей. То что самый главный "Главный редактор сайта", а уже затем все остальные роли.

И при этом у вас все зарегистрированные пользователи смогут иметь возможность пользоваться редактором (ну если вы так захотите), а вот у Админа редактора не будет :-)

Аватар пользователя antton antton 30 мая 2010 в 17:06

Stan.Ezersky, сегодня посмотрел модуль wysiwyg. К сожалению, оказалось не всё так просто. Не нашёл в нём файла "ckeditor.config.js" или аналогичного, в котором можно было бы прописать те самые настройки из инструкций по API CKEditor. А значит и получить доступ к множеству настроек, которые я описывал. Так как сам по себе редактор очень гибкий.

Единственно, что мне удалось сделать, это подключить к редактору менеджер файлов IMCE, для этого необходимо поставить ещё один модуль - IMCE Wysiwyg bridge.

Так что если кому-то удалось получить доступ к столь разнообразным настройкам редактора, при использовании модуля wysiwyg, пусть делятся опытом. Было бы интересно услышать. Не может же быть такого, что в этом случае никак нельзя использовать API CKEditor.

Аватар пользователя sav13 sav13 30 мая 2010 в 17:42

А кто смог прикрутить к CKEditor проверку русской орфографии?
Для FCKEditor были несколько способов.

Аватар пользователя Dark_kz Dark_kz 2 июня 2010 в 16:23
"antton" wrote:

4. А в конце важно не забыть в общих настройках CKEditor (Глобальный профиль) - назначить правильно приоритеты ролей. То что самый главный "Главный редактор сайта", а уже затем все остальные роли.

Что-то не получилось. Права как бы отключились, но я не вижу обычной текстареи, тупо пустое пространство и ссылка снизу Disable rich-text, нажатие на которую ничего не дает.

Аватар пользователя antton antton 4 июня 2010 в 16:46

Дархан, логика мне подсказывает: раз появляется надпись «Disable rich-text» — значит редактор включён, да и отсутствие формы ввода «textarea», говорит о том что её обрабатывает JavaScript редактора. А значит CKeditor продолжает срабатывать. Можно это проверить, отключив JavaScript в браузере — форма «textarea» должна появиться.

Попутно вопрос, а у тебя случайно не установлен ещё один текстовый редактор, например BUEditor? Очень похоже на конфликт двух редакторов из-за того что они вдвоём пытаются обработать одну и ту же форму.

На расстоянии сложно понять в чём проблема, то что мне приходит в голову:

1. В настройках «Управление › Настройка сайта > Производительность» — выбрать режим кеширования: «Отключено», а также отключить функцию «Оптимизировать JavaScript файлы». После посмотреть исходный код HTML-страницы, с формой «textarea». В том случае если CKeditor отключён, на этой странице в HTML-коде в разделе «head» не должно быть строчки:

<script type="text/javascript" src="/sites/all/modules/ckeditor/ckeditor/ckeditor.js"></script>

Если строчка есть, идём в настройки и отключаем, по описанному выше.
 

2. После любых настроек может понадобиться почистить весь кэш. Выполняем очистку кэша Drupal, там же настройках «Управление › Настройка сайта > Производительность».

3. Выполняем cron, это уже на всякий случай для собственного спокойствия, — «Управление › Отчеты › Отчет о состоянии», и запускаем выполнение регулярных процедур (cron) вручную.

4. Разлогиниться на сайте, нажав ссылку «Выход». И почистить кэш в браузере (обязательно).

5. Если не помогло, попробовать поставить CKeditor на чистый Drupal. И экспериментировать с настройками.

--
Удачи!

Аватар пользователя Peritus@drupal.org Peritus@drupal.org 5 июня 2010 в 12:38

Как же меня достаёт, что это чудо использует именно:

<html>
<body>
Редактируемый текст
</body>
</html>

Возникает куча проблем. Каждый раз приходится танцевать вокруг ckeditor.config.js.

Никто не знает как задать ему структуру типа:

<html>
<body>
<div class="odin">
<div class="dva">
Редактируемый текст
</div>
</div>
</body>
</html>

???

Аватар пользователя antton antton 5 июня 2010 в 16:05

Для этого можно использовать стандартную функциональность Drupal. Вставить необходимые классы в шаблон темы оформления сайта — в файл node.tpl.php

<div class="odin">
<div class="dva">
<?php print $content ?>
</div>
</div>
Аватар пользователя Peritus@drupal.org Peritus@drupal.org 5 июня 2010 в 17:00
"antton" wrote:

Для этого можно использовать стандартную функциональность Drupal. Вставить необходимые классы в шаблон темы оформления сайта — в файл node.tpl.php

Вы меня не правильно поняли. CKEditor использует iframe для редактирования текста. Внутри тега iframe у меня такое:

<html>
<body>
Редактируемый текст
</body>
</html>
Аватар пользователя FORTIS FORTIS 24 июня 2010 в 1:18
Quote:

CKEditor BBCode Plugin
Использование BBCode в редакторе.

выложите плагин сюда пожалуйста, офф.сайт лежит, скачать неоткуда :)

Аватар пользователя antton antton 10 ноября 2015 в 11:46

BBCode Plugin v1.0 for CKEditor - для вставки BBCode. Последнюю версию ищите на сайте http://text.md/ckeditor-bbcode-plugin/.

Кнопки: b, i, u, img, color, quote, url. Можно создать и другие, посмотрев на исходный код плагина. BBCode плагин был испытан на: CKEditor 3.2.1 от 9 апреля 2010 года

Установка:
1. Распакуйте архив «CKEditor_bbcode.zip»;
2. Скопируйте папку «BBCode» в «CKEditor folder» + «/plugins/»;
3. Чтобы проверить, откройте HTML «bbcode/_sample/sample.html»;
4. Наслаждайтесь!

Настройка:
1. Изменение конфигурации панели инструментов: «bbcode/_sample/bbcode.config.js»;
2. Добавлять, изменять и удалять правила регулярных выражений: «bbcode/plugin.js»;

HTML код и JavaScript пример («bbcode/_sample/sample.html»):

<form method="post">
        <textarea cols="80" id="editor1" name="editor1" rows="10">
                Text: [b]Bold text[/b]
                Text: [i]Italic text[/i]
                Text: [u]Underline text[/u]
                Color: [color=#ff0000]Some color[/color]

                Code: [geshifilter-code]Some code text

Quote:

Quote:

Some quote text

Url1: [url]http://www.site.md[/url]
Url2:
[url=http://site-top.com/]Site-Top[/url]
Img:
[img]http://yiiframework.ru/forum/styles/prosilver/imageset/yii_logo.png[/img... type="submit" value="Submit" /> [/geshifilter-code]

<script type="text/javascript">
//<![CDATA[
        var sBasePath = document.location.pathname.substring(0,
                document.location.pathname.lastIndexOf('plugins')) ;
        // Replace the <textarea id="editor1"> with an CKEditor instance.
        var CKeditor = CKEDITOR.replace( 'editor1', {
                                                                        customConfig : sBasePath + 'plugins/bbcode/_sample/bbcode.config.js'
                                                        }  );
//]]>
</script>
Аватар пользователя FORTIS FORTIS 28 июня 2010 в 21:36

как отключить проверку орфографии?) все русские слова подчеркивает красным

Аватар пользователя antton antton 29 июня 2010 в 2:48

У меня встречный вопрос, а как вы её включили?)

1. Если используется панель инструментов "DrupalFull", то там присутствует кнопка "SpellChecker" (и "Scayt" - вроде тоже проверка орфографии). Уберите их.

2. Как предположение. А это случайно не встроенная проверка орфографии в вашем браузере? Если это так, то необходимо просто закачать русский словарь для проверки орфографии в браузер.

Аватар пользователя FORTIS FORTIS 29 июня 2010 в 11:12

появилось помоему после апдейта до последней версии ckeditor, проверяет орфографию сам цкедитор (по правой кнопке предлагает варианты замены) scayt вобще удалил - не помогло, в конфиге прописал config.disableNativeSpellChecker = true;
тоже безрезультатно, лезет на svc.spellchecker.net

странно... SCAYT должен это делать, но я его удалил %)

вылечил с: config.scayt_autoStartup = false;

Аватар пользователя Artu Artu 30 июня 2010 в 0:23
"FORTIS" wrote:

вылечил с: config.scayt_autoStartup = false;

А в какую часть ckeditor.config.js вставляли?
Если вставить в начало,поле редактора вообще пропадает,если в конец ничего не происходит.

Аватар пользователя Artu Artu 30 июня 2010 в 0:34

Еще вопрос.

Как настроить выравнивание (обтекание) картинки?
В пункте меню "Выравнивание" есть только по левому и по правому краю.
А где остальные,как в FCKEditor?

Аватар пользователя FORTIS FORTIS 30 июня 2010 в 0:45
"Artu" wrote:

А в какую часть ckeditor.config.js вставляли?
Если вставить в начало,поле редактора вообще пропадает,если в конец ничего не происходит.

// $Id: ckeditor.config.js,v 1.2.2.7 2010/03/11 12:39:54 wwalc Exp $

/*
 WARNING: clear browser's cache after you modify this file.
 If you don't do this, you may notice that browser is ignoring all your changes.
 */

CKEDITOR.editorConfig = function(config) {
        config.scayt_autoStartup = false;

Аватар пользователя argon argon 5 июля 2010 в 11:12

Чет я не понял - а функцию быстрой вставки картинок (без файл0браузера) вообще что-ли убрали? Не вижу ее...

Аватар пользователя argon argon 6 июля 2010 в 22:33

у меня ее нету (квик аплоад имею в виду) (( - пришлось обратно на FCK спрыгнуть - я предпочитаю не давать юзерам шарится по файлу.

Аватар пользователя patator patator 25 июля 2010 в 3:54

С чем связано, что сам редактор надо заливать либо в /sites/all/modules/ckeditor/ckeditor, либо в /sites/all/libraries?
Просто на разных хостингах по разному надо делать. Как сориентироваться сразу куда заливать?

Аватар пользователя patator patator 25 июля 2010 в 10:12

Не совсем так. Появилось предположение.
На одном хосте cke я подключал сначала через wysiwyg. А потом через ckeditor. Соответственно, редактор был в /sites/all/libraries и нормально работал. На другом хосте сразу ставил ckeditor. Но редактор также залил в /sites/all/libraries.
Получил сообщение, что редактор не найден и надо проверить его расположение в /sites/all/librarie или /sites/all/modules/ckeditor/ckeditor. Перенёс редактор в /sites/all/modules/ckeditor/ckeditor и он нашёлся.
Вот такая штука получилась.

Аватар пользователя FORTIS FORTIS 25 июля 2010 в 21:54

ну я обычно если через модуль ckeditor подключаю то кладу в его папку, если через wysiwyg кладу в libraries

Аватар пользователя pamir@drupal.org pamir@drupal.org 4 августа 2010 в 17:43

Скачан свежий модуль CKeditor и сам редактор. Залиты на сайт.
Имеем роль Admin и встроенная роль "зарегистрированный пользователь"

В разрешениях (admin/user/permissions) даём права доступа ролям Admin и "зарегистрированный пользователь".
В едиторе настраиваем 2 профиля. Адвансед и Reg.user.
Отличие лишь в том, что у адванседа в File Browse выбран IMCE, у Reg.user - none.

Соответственно указаны и роли для профилей - адванседу - Admin, Reg.user-у - "зарегистрированный пользователь".

Имеем 2х пользователей. Один обычный, другому дана роль Admin.
Пользователю с ролью Admin едитор показывается.

Обычному - нет.

Кто знает, что за беда?

Аватар пользователя gennadi gennadi 12 августа 2010 в 17:36

Всем доброго времени суток.
Прошу аксакалов прояснить ситуацию (я сейчас только в начале пути, начал знакомиться с системой).
Просмотр кода, который получается при попытке форматирования текста с помощью стандартных инструментов FCK, приводит , мягко говоря, в уныние. Инструментов для использования файлов CSS в этом редакторе нет (может я не прав?). То есть, получается, что если хочешь работать с СSS, необходимо писать код вручную. Тогда возникает вопрос: а зачем вообще нужен такой редактор? Только для гостей сайта, оформляющих комментарии? Но для них эта тема (форматирование текста), собственно, по барабану.

Аватар пользователя antton antton 13 августа 2010 в 20:35

gennadi, уточню, что это тема по CKEditor, а не по FCKEditor. Использовать стили темы в CKEditor можно:
Управление / Настройка сайта / CKEditor / выбираете необходимый профиль CKEditor / и в подразделе CSS выбираете «использовать css темы оформления». Также там же в настройках можно непосредственно указать путь к необходимому CSS файлу.

А если вы прочтёте в первом сообщении этой темы — раздел «Настройка файла ckeditor.config.js» — пункт 1, то поймёте как можно прописать, например, свои стили для выравнивания текста. Соответственно, при той строке кода который там прописан, в CSS вашей темы должен присутствовать код:

.editor-right-button {text-align:right;}
.editor-left-button {text-align:left;}
.editor-center-button {text-align:center;}
.editor-justify-button {text-align:justify;}

Также загляните в настройки стилей в файле: /sites/all/modules/ckeditor/ckeditor.styles.js — и настройте всё как вам необходимо.

Аватар пользователя volocuga@drupal.org volocuga@drupal.org 14 августа 2010 в 15:40
"gennadi" wrote:

То есть, получается, что если хочешь работать с СSS, необходимо писать код вручную

Гм, а это может быть как-то по-другому? Если так нужно, готовьте текст в Дримвивере и вставляйте полученный код. В этом случае CKEditor вам конечно и не нужен будет

Аватар пользователя Dark_kz Dark_kz 19 августа 2010 в 9:14

У меня возникла такая проблема. При создании ноды в самое начало вставляется пустой абзац  , после редактирования этой ноды (убираешь абзац руками), он снова не появляется. Как с этим бороться? Спасибо

Аватар пользователя gennadi gennadi 23 августа 2010 в 13:07

antton, спасибо за дельные советы. Опробовано на сайте, всё работает.
И всё таки... Основное назначение подобных редакторов (CK в этом плане, как я понимаю, немногим отличается от FCK) - избавить пользователя от рутинной работы по форматированию содержимого вручную. Т.е. выделил содержимое, нажал пару кнопок, получил результат. Но вот что, например, получается при попытке простого форматирования текста инструментами FCK:
<p class="rtecenter"><span style="font-size: large;"><span style="color: rgb(102, 102, 153);"><strong><span style="font-family: Arial;">Пример текста</span></strong></span></span></p>
вместо, например, такого
<p class="xxx">Пример текста</p>
Разница в длине кода и его громоздкости очевидна. А если нужно отформатировать список, таблицу, изображение (те же поля, обтекание, границы и т.п.)? А если ваша страничка - статья с заголовками, подзаголовками, списками, изображениями, таблицами?
Таким образом, использование FCK (как, наверное, и CK) серьёзно "утяжеляет" код, а инструментов для быстрого и удобного использования CSS (как, например, в том же Дримвивере - выделил содержимое, выбрал из списка стиль и отдыхай) в этом редакторе нет. Остаётся альтернатива - писать всё ручками или пользоваться полноценными визуальными редакторами типа того же Дримвивера. Вот тут и встаёт вопрос о необходимости наличия такого модуля (FCK, CK) в системе.
Замечание volocuga@drupal.org лишь подтверждает мою мысль.
Убедил?
PS. Кстати, широкое поле деятельности для разработчиков Drupal. Ау-у!

Аватар пользователя paurockster@drupal.org paurockster@dru... 27 августа 2010 в 18:43

Сразу скажу тем, кто столкнется с проблемой, как я.

Чтобы появилась кнопочка "загрузить изображение" или "browse image" в редакторе. Нужно:
-поставить модуль imce
-заетем в /admin/settings/wysiwyg/profile/1/edit (тобишь настройке профиля), нужно в поле Buttons and plugins поставить галочки везде.
И там должна быть, также, кнопочка IMCE.
Иначе, по умолчанию, кнопка "browse image" не будет показываться в редакторе, хотя остальные кнопки показываются.

Аватар пользователя antton antton 6 сентября 2010 в 4:32

gennadi, ага понял к чему вы клоните. Но если уж быть максималистом, то самый лучший редактор — это всё же человек. Я не знаком ни с одной программой для ПК и тем более ни с одним wysiwyg-редактором, который бы выдавал идеально грамотный код, с сложными параметрами. Если бы такие программы были — люди бы не изучали HTML. Это было бы никому не нужно.

Но и не стоит путать задачи wysiwyg-редактора и программы Dreamweaver. В Dreamweaver вы создаёте шаблон, макет, дизайн всего сайта; дизайн множества разных сайтов. А в wysiwyg-редакторе вы лишь редактируете конкретную небольшую часть этого самого сайта, конкретный текст по готовому образцу; при этом для идеальной работы wysiwyg-редактор требует специальной настройки под ваш сайт.

Если же говорить о том примере, что вы привели: о цветах, размерах и типах шрифтов, то эти настройки я бы рекомендовал и вовсе убрать из редактора. Эта пёстрость: игра цветами, размерами и типами шрифтов — баловство для пятилетнего ребёнка; безвкусица вороны надевающей на себя всё подряд. Это лишь демонстрация того, что CKeditor имеет множество возможностей настройки. И это не значит, что всё что есть надо использовать.

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

----

Заголовок

Подзаголовок 1
Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст. ПО ЛЕВОМУ КРАЮ, ПО ПРАВОМУ КРАЮ, ТО КАК НЕОБХОДИМО ПО МАКЕТУ ДИЗАЙНА.
Подзаголовок 2
Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, ВЫДЕЛЕННЫЙ КАКИМ-НИБУДЬ ЦВЕТОМ/ШРИФТОМ ФРАГМЕНТ, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст.

Цитата выделенная в рамку; или какой-то важный фрагмент текста в рамке.

----

и т.д.

1. Выключаем все кнопки редактора.
2. Прописываем необходимые для этого дизайна текста классы в CSS.
3. Дальше на панели кнопок редактора создаёте необходимые кнопки или выпадающие списки с выбором ваших CSS-классов, которые бы вставляли следующий код:

<div class="class1">выделяемый текст</div>
<div class="class2">выделяемый текст</div>
<span class="class3">выделяемый текст</span>
<span class="class4">выделяемый текст</span>

О том как создавать кнопки и выпадающие списке в редакторе смотрите мою статью выше. Используйте как пример код уже готовых кнопок в самом редакторе. И вот после этих настроек ваш HTML-код сразу приобретёт удобочитаемый вид без всяких «style».

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

Если же вы не будете настраивать CKEditor, то конечно вы получите полуфабрикат с кривым кодом. Это как у хозяйки которая ленится делать собственные домашние котлеты с домашним соусом, и покупает уже готовое. Что за блюдо в результате получится — неизвестно. Или пример который ближе мужчинам... Вы же после покупки новой мебели: распаковываете её из коробки, собираете, и располагаете в удобном для вас месте, а не бросаете посреди коридора. А умелый мастер ещё и «штукенцию» свою какую-нибудь к ней приделает, дырочку просверлит, крючок приделает.

Post scriptum. Drupal-разработчики к wysiwyg-редакторам вообще никакого отношения не имеют. Wysiwyg-редакторы, это отдельные приложения. И все споры о качестве их работы на форумы к ним :-) Тут же обсуждаются лишь вопросы встраивания их в Drupal. Хотя я уже детально разжевывал настройки самого редактора и принципы его работы, в моём субъективном понимании.

Аватар пользователя winniepoo@drupal.org winniepoo@drupal.org 4 сентября 2010 в 2:39

2 Антон
Спасибо за интересную статью и не менее познавательный пост от 3го числа.
Ко всему этому есть важный вопрос - что делать со вставкой из Word и т.п.
С одной стороны - ее нельзя запрещать, т.к. это скажется на желании людей добавлять контент и в конечном итоге на развитии ресурса, с другой стороны - очень не хотелось бы стилистического бардака.
Есть какие-нибудь средства-подходы, которые позволяют избежать/минимизировать проблемы с оформлением текста, вставленного в CKeditor через буфер обмена?

Аватар пользователя antton antton 6 сентября 2010 в 4:33

winniepoo, если вы считаете что пользователям вашего сайта нужна вставка текста из Microsoft Word, ну так оставьте в CKEditor кнопку "Вставки из Word". Говорят, что эта возможность стала работать лучше, но думаю всё равно не идеально. Просто подумайте, такая функция нужна всем пользователям или только для части пользователей: главным редакторам, только доверенным пользователям, и т.п. Если не всем - настройте для разных пользователей разные панели инструментов...

И конечно же, и по этому поводу у CKEditor есть настройки. В файле /sites/all/modules/ckeditor/ckeditor.config.js можно прописать 5 настроек:

// 1.----
// The file that provides the MS Word cleanup function for pasting operations. Note: This is a global configuration shared by all editor instances present in the page.
// Defined in: plugins/pastefromword/plugin.js.
// Load from 'pastefromword' plugin 'filter' sub folder (custom.js file).
config.pasteFromWordCleanupFile = 'custom';
// Default Value: 'default'

// 2.----
// Whether to transform MS Word outline numbered headings into lists.
// Defined in: plugins/pastefromword/filter/default.js.
config.pasteFromWordNumberedHeadingToList = true;
// Default Value: false

// 3.----
// Whether to prompt the user about the clean up of content being pasted from MS Word.
// Defined in: plugins/pastefromword/plugin.js.
config.pasteFromWordPromptCleanup = true;
// Default Value: undefined

// 4.----
// Whether to ignore all font related formatting styles, including:
// * font size;
// * font family;
// * font foreground/background color.
// Defined in: plugins/pastefromword/filter/default.js.
config.pasteFromWordRemoveFontStyles = false;
// Default Value: true

// 5.----
// Whether to remove element styles that can't be managed with the editor. Note that this doesn't handle the font specific styles, which depends on the CKEDITOR.config.pasteFromWordRemoveFontStyles setting instead.
// Defined in: plugins/pastefromword/filter/default.js.
config.pasteFromWordRemoveStyles = false;
// Default Value: true

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

Аватар пользователя Hitmrrr@drupal.org Hitmrrr@drupal.org 8 сентября 2010 в 8:32
<a href="mailto:Hitmrrr@drupal.org">Hitmrrr@drupal.org</a> wrote:

как можно скрыть кнопку "просмотреть на сервере"?

FORTIS wrote:

модуль imce отключите
или отредактируйте профиль ckeditor и там уберите файлменеджер

У меня вместо IMCE установлен CKFinder, но я пользуюсь только быстрой загрузкой.
Вопрос еще актуален.

Аватар пользователя Hitmrrr@drupal.org Hitmrrr@drupal.org 8 сентября 2010 в 9:36
<a href="mailto:Hitmrrr@drupal.org">Hitmrrr@drupal.org</a> wrote:
<a href="mailto:Hitmrrr@drupal.org">Hitmrrr@drupal.org</a> wrote:

как можно скрыть кнопку "просмотреть на сервере"?

FORTIS wrote:

модуль imce отключите
или отредактируйте профиль ckeditor и там уберите файлменеджер

У меня вместо IMCE установлен CKFinder, но я пользуюсь только быстрой загрузкой.
Вопрос еще актуален.

[РЕШЕНИЕ]

http://cksource.com/forums/viewtopic.php?t=19910

Аватар пользователя FORTIS FORTIS 7 сентября 2010 в 13:03

модуль imce отключите
или отредактируйте профиль ckeditor и там уберите файлменеджер

Аватар пользователя kwas@drupal.org kwas@drupal.org 27 сентября 2010 в 15:53

Уважаемый Антон, подскажите, как заставить работать кнопку "Teaser Break". Она есть на панели инструментов CKEditor (самая последняя). Но она не работает. Если переключиться в "plain text editor" и вписать !--break-- руками (в угловых скобках, конечно), то при возвращении в CKEditor его поле серое и весь контент ноды пропадает. В файле \sites\all\modules\ckeditor\ckeditor.config.js есть такие строчки:

<?php
  
if (Drupal.ckeditorCompareVersion('3.1')) {
    
CKEDITOR.plugins.addExternal('drupalbreaks'Drupal.settings.ckeditor.module_path '/plugins/drupalbreaks/');
  }
?>

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

<?php
    config
.extraPlugins += (config.extraPlugins ',drupalbreaks' 'drupalbreaks' );
?>

Пробовал ремаркировать условие, чтобы выполнение кода не зависело от проверки версии.
Не помогло.
Версии: Drupal 6.19; модуль CKEditor 6.x-1.1; сам редактор - ckeditor_3.4.1
ПЛИЗ, ХЕЛП!

PS: в IE8 попробовал. При нажатии на эту кнопку возникает ошибка:

Сообщение: Объект не поддерживает это свойство или метод
Строка: 120
Символ: 1707
Код: 0
URI-код: http://tam/sites/all/modules/ckeditor/ckeditor/ckeditor.js?I
(это на денвере. на хостинге тоже самое)
в том месте файла ckeditor.js начало такого кода:

q={'class':m,src:a.getUrl('images/spacer.gif'),_cke_realelement:encodeURIComponent(l.getOuterHtml()),_cke_real_node_type:l.type,alt:p[n]||p.unknown,align:l.getAttribute('align')||''};
Аватар пользователя Artu Artu 27 сентября 2010 в 20:18

kwas@drupal.org, как удалось? Если удалось, то что значит что его нет в просмотре (код разрыва вставился в HTML)?

Кому нибудь удавалось вставить анонс в CKEditor?

Как раз вопрос очень актуален.Думал написать сюда,а тут вы. Тоже ничего не происходит при нажатии на кнопку.

Аватар пользователя kwas@drupal.org kwas@drupal.org 27 сентября 2010 в 20:51

Всем спасибо. Вопрос снят. С кэшем долго боролся. Глянул в БД - есть break. Думал уже что Друпал теперь его не обрабатывает. Но этого же не может быть. Поубивал кэш как следует, и все встало на свои места.
2 Artu: ответ в туте: http://azbukaweb.ru/error-teaser-break-v-ckeditor

Аватар пользователя kwas@drupal.org kwas@drupal.org 27 сентября 2010 в 23:16

Измененный файл там же во вложении. Проблема в том, что это не решение, а обход проблемы. И при каждом обновлении версии CKEditor нужно уделять этому отдельное внимание.

Аватар пользователя Lunatik Lunatik 28 сентября 2010 в 11:29

Возможно ли в ckeditor'е осуществлять проверку орфографии для русского языка? Т.е. как к имеющимся в списке языков для проверки (Brazilian Portuguese, British English, Danish, Dutch и пр.) добавить русский?

Аватар пользователя kwas@drupal.org kwas@drupal.org 29 сентября 2010 в 21:07

Сегодня обновился модуль CKEditor 6.x-1.2. В нем обсуждаемая проблема с тизербрейком пификсена.

Аватар пользователя FORTIS FORTIS 29 сентября 2010 в 21:13

у меня обычно ckeditor подключенный через wysiwyg и подключенный через модуль ckeditor выглядят поразному, в wysiwyg обычно страшнее, похож на tinymce внешне. как поменять скин у wysiwyg -> ckeditor ?

а то на днях случайно получилось, пока не нашел как =)

Аватар пользователя FORTIS FORTIS 1 октября 2010 в 10:22
"FORTIS" wrote:

как поменять скин у wysiwyg -> ckeditor ?

отвечаю сам себе =)
модуль - ставит скин kama и фиксит тулбары в последнем ckeditor:

wysiwyg_customizer.info

name = Wysiwyg Customizer
description = Adds wysiwyg custom settings
core = 6.x

wysiwyg_customizer.module

function wysiwyg_customizer_wysiwyg_editor_settings_alter(&$settings, $context) {
 
  if ($context['editor']['name'] = 'ckeditor' || isset($settings['toolbar'][0])) {
  $settings[skin] = 'kama';
  $settings['toolbar'] = array_chunk($settings['toolbar'][0], 4);
        }
}
Аватар пользователя Dark_kz Dark_kz 3 октября 2010 в 17:08

Мой вопрос все еще актуален:
При создании ноды в самое начало вставляется пустой абзац , после редактирования этой ноды (убираешь абзац руками), он снова не появляется. Как с этим бороться?

Аватар пользователя sereddos sereddos 5 октября 2010 в 9:47

ckeditor не появляется на полях textarea после подключения Google Analytics
кто сталкивался? есть ли решения?

Аватар пользователя GDI@drupal.org GDI@drupal.org 16 октября 2010 в 16:42
"Dark_kz" wrote:

При создании ноды в самое начало вставляется пустой абзац , после редактирования этой ноды (убираешь абзац руками), он снова не появляется. Как с этим бороться?

http://www.drupal.ru/node/50592

Аватар пользователя patator patator 4 ноября 2010 в 12:20

Что-то у меня в упор не подхватывается в собственной панели 'DrupalBreak'
А для предустановленных тупо не работает отделение анонса через 'DrupalBreak'.
Хотя пишут, что эта проблема решена в ске 6.x-1.2 решена...

И ещё вопрос: где хранится библиотерка спец.символов? И как её редактировать. Крайне неудобно полное отсутвие греческого алфавит...

Аватар пользователя patator patator 5 ноября 2010 в 21:27

Странная вещь. При выборе DrupalFull и т.п. 'DrupalBreak' работает. А в собственной сборке или предустановленной Basic или Full не работает...

Аватар пользователя patator patator 7 ноября 2010 в 22:27

Чёрт его знает в чём проблема была... Вроде и кэш чистил и браузера и друпала... А сегодня днём после установки нескольких модулей и update заработала кнопочка.

осталось только с specialchar.js разобраться...

Аватар пользователя givchik givchik 12 ноября 2010 в 17:39

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

  • изображения и флешь после интеграции с IMCE
  • текст форматируется: таблички, заглавия, списки, ссылки, курсив,....
  • сохраняю, просматриваю - все отлично

закрепляем результат

  • вставляем все что нужно
  • форматируем
  • сохраняем
  • смотрим, а остались только списки и ссылки
  • возвращаемся к редактированию все есть: картинки, таблички,.....
  • закрываем редактор, смотрим статью - только список и ссылки. В голове, громогласно звучит один вопрос а куда деваются изображения и все остальное...?
  • опять проверяем
  • даже формат ввода смотри (изменение формата результата не дает)

Очень интересно чего это в друг в исходнике все теги как с иголочки, а текст голый. Собственно такая канитель и с родным модулем CKEditor-а и при установке через Wyswig (и первая статья не форматируется). Да что там, со всеми визуальными редакторами один глюк.
База откатывалась, настройки ролей менял,...
Какие варианты, есть у кого? CKEditor понравился, результат очень нужен. Варианты уже закончились. За помощь буду очень признателен.)

Аватар пользователя GDI@drupal.org GDI@drupal.org 12 ноября 2010 в 21:01

Обычно в формате ввода проблемы, потому что там по-умолчанию не включены теги IMG. Посмотрите исходный код страницы там где нет картинок. Может у вас сто-то не так со средствами обработки картинок типа imagecache или еще какими, ИМЦЕ стоит? В issues модуля пробовали найти похожую проблему?

Аватар пользователя givchik givchik 15 ноября 2010 в 8:44

С родным модулем CKEditor-а, не обрабатываются все теги кроме: списков, абзацев и ссылок.
При установке через Wyswig не обрабатываются все теги кроме: списков и ссылок.
Все....нет таблиц, нет выравнивания по центру или по краям, размер, подчеркивание, зачеркивающие, курсив, жирный, заглавие,...., изображений, флешь.
Но что меня удивляет больше всего, это то что первый раз, с родным модулем CKEditor-а, работает все а при второй попытке нет. При установке через Wyswig, не работает с первого раза!
----------------15.11.2010--------------
Проблема решилась загадочным образом?) Чтоб не переустанавливать и представить как работает остальное (может за одно пойму в чем проблемы, к примеру - я), начал ставить модули и придя проверять работу создал статейку - результат обрадовал, все работает.
Что это?

Аватар пользователя Gossip Gossip 16 ноября 2010 в 16:07

Привет, у меня такая проблема:

CKeditor вроде ставиться,т.е. модуль появился и я его включила в разделе модули,но больше нигде его нет как факт,а он мне ооооочень нужен!!!!!что делааать????

Аватар пользователя patator patator 20 ноября 2010 в 20:37

Задавал этот вопрос на дру.ру неоднократно. Но теперь задам непосредственно для редактора, на котором 100% остановил свой выбор.
Как обрамлять изображения [hidden] от ccfilter для каждой вставляемой картинки автоматически?
Теоретически надо прописать куда-то подстановку того тэга к кнопке вставки изображений...

Второй вопрос.
При вставке изображения через IMCE отсутствует атрибут description. Только alt доступен. Есть возможность добавить эту опцию через cke? Или только через ImageField?..

Аватар пользователя gnm gnm 29 ноября 2010 в 20:44

Обнаружил забавный глюк с полноэкранным режимом CKEditor(кнопка Максимизировать). Собственно, нормально он отрабатывает только до тех пор пока не внесли каких либо изменений в окно редактирования. Если же любые изменения внесены по нажатию получаем вот такую интересную картину:

Одинаково ведет себя в любой теме оформления. Кто нибудь поборол?

Аватар пользователя gnm gnm 29 ноября 2010 в 4:00

Судя по всему, баг наблюдается только в мозилле. Вообще забавная ситуация, приходится выбирать меньшее из зол, т.к. в опере замечен другой баг - при вставке текста при большом количестве строк курсор постоянно перескакивает в начало документа, что раздражает и замедляет работу. В эксплорере глючит IMCE.

Аватар пользователя patator patator 12 декабря 2010 в 9:21

Как создавать свои кнопки написано в первом сообщении.

givchik, модули Tool Tips и Collapsible можно заменить одним - ccfilter

Аватар пользователя patator patator 14 декабря 2010 в 11:23

ccfilter то? Нет. Рекомендовал его, т.к. вместо нескольких модулей можно поставить один и с большим функционалом.

Аватар пользователя givchik givchik 14 декабря 2010 в 13:11

Спасибо, patator....
если кому интересно, чтоб сделать свои смайлики нужно проделать следующие действия:

  • в файле sites/all/modules/ckeditor/ckeditor/ckeditor.js 77 строка
    i.smiley_images=['',''];i.smiley_descriptions=['',''];

    указать свои смайлы и их описания

  • загрузить смайлы в папку sites/all/modules/ckeditor/ckeditor/plugins/smiley/images/
  • если вам на все браузеры кроме Mozilla "все равно" можете не делать

  • в фале sites/all/modules/ckeditor/ckeditor/_source/plugins/smiley/plugin.js 49 строка
    CKEDITOR.config.smiley_images = ['',''];

    указать все смайлики еще раз

  • загрузить смайлы в папку sites/all/modules/ckeditor/ckeditor/_source/plugins/smiley/images/

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

Аватар пользователя sergip sergip 14 декабря 2010 в 18:05

givchik СУПЕРРРРРРРРРР!!!! Это был один из вопросов на 1000000!!!!!

Теперь осталось как сделать кнопку для Collapsible text !!!

Аватар пользователя Artu Artu 15 декабря 2010 в 9:48

givchik, что значит указать смайлики? Имена файлов?
i.smiley_images=['smile1.gif','smile1.gif'];i.smiley_descriptions=['Радость','Грусть'];

Аватар пользователя Petro Petro 20 декабря 2010 в 10:40

А можно задать высоту редактора и где? Не ресайз, а именно высоту по умолчанию. Сейчас она примерно строк 20, а как сделать, чтобы была в районе 10?

Аватар пользователя givchik givchik 22 декабря 2010 в 22:22

Artu, если я правильно понимаю там "масив" или по простому два списка, при загрузке смайла система делает сверку по имени файла и его описанию...
имя файла - смайлик.расширение
описание - смайлик
описание вставляется в текст а имя файла подгружается...

<p>так, а может это фотки и человек их сам делал....&nbsp;<img alt="scratch_one-s_head" height="25" src="http://human.4-k.biz/sites/all/modules/ckeditor/ckeditor/plugins/smiley/... title="scratch_one-s_head" width="29" /></p>
i.smiley_images=['scratch_one-s_head.gif','...'];i.smiley_descriptions=['scratch_one-s_head','...'];

люди помогите,
вопрос кнопок для модулей:

актуален и даже критичен

  • в цитатах пропускает имя
  • при вставке кода форматирует то что находится внутри тегов.

Фильтры на это не влияют, вроде как (пробовал включать, отключать HTML corrector, HTML filter).

Аватар пользователя givchik givchik 26 декабря 2010 в 1:21

по ходу изысканий оказывается - кнопка "вставить только текст" как раз и выполняет задачи Code Filter.
цитирование тоже есть только это просто класс в стилях, прикрутить бы туда функцию от Quote и все супер.
Tool Tips, Collapsible не критичны.
Попробую протестировать новую версию на сайте отпишусь...

Аватар пользователя GDI@drupal.org GDI@drupal.org 24 января 2011 в 21:54
"xander27" wrote:

Скажите глупому, как в нем границу анонса определить?

Там кнопка есть специальная на панели инструментов, "Анонс" называется, если Вы её, конечно, включили для Вашей панели.

Аватар пользователя givchik givchik 29 января 2011 в 11:45

xander27, на моем сайте есть материал "Типы материалов и правила оформления.", в основном делал его как "чавошку" для юзеров, но там в конце первого поста есть картинки с рабочими областями CKEditor-а и кнопками. Можете там глянуть.

Аватар пользователя beee beee 28 февраля 2011 в 23:28

этот модуль мне все форматирует даже когда не надо. перехожу в plain текст сохраняю, и на выходе вижу совсем не то что надо - это как то лечится?

Аватар пользователя oksoft oksoft 1 марта 2011 в 0:59

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

Аватар пользователя kill_windows kill_windows 7 апреля 2011 в 16:00

А как отрубить wysiwyg в форме коментариев, чтоб в другом оставался. Или хотяб поставить по умолчанию Disable rich-text.

Аватар пользователя patator patator 7 апреля 2011 в 16:46

Смотрим тут
/admin/settings/ckeditor/editg
/admin/settings/ckeditor/edit/Default
/admin/settings/ckeditor/edit/Advanced

Аватар пользователя xain xain 16 мая 2011 в 15:49

Скажите пожалуйста, как настроить этот редактор для полей в моем модуле, если в настройках доступа СКЕдитора ни в одном разделе не появляется название моего модуля с textarea. Drupal 7

Аватар пользователя Nutscracker Nutscracker 15 июля 2011 в 4:07

Столкнулся с проблемой - если написать какую нибудь каку типа : жжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжж
Не вставляются автоматически переносы или значки -, копался в настройках - и не нашел. В итоге текст вылезает за рамки форматирования и портит всю красоту на сайте. Есть ли возможность решить в настройках эту проблему. Теоретически легко мог бы написать php или javascript для обработки это неприятности, но только начал разбираться с друпалом и не знаю как добраться до свойств текстового поля и вообще как корректно вставить этот обработчик и вообще куда, в ckeditor или вообще в drupal. Кстати та же проблема при вставке комментариев.

Аватар пользователя Green Chest Green Chest 13 января 2013 в 0:05
Nutscracker wrote:

Столкнулся с проблемой - если написать какую нибудь каку типа : жжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжж
Не вставляются автоматически переносы или значки -, копался в настройках - и не нашел. В итоге текст вылезает за рамки форматирования и портит всю красоту на сайте. Есть ли возможность решить в настройках эту проблему. Теоретически легко мог бы написать php или javascript для обработки это неприятности, но только начал разбираться с друпалом и не знаю как добраться до свойств текстового поля и вообще как корректно вставить этот обработчик и вообще куда, в ckeditor или вообще в drupal. Кстати та же проблема при вставке комментариев.

На этом сайте же не вылазит, так? Я не смотрел, но думаю сделано в стилях, overflow:hidden; в стилях в своей теме указывайте для ноды, почитайте про overflow.

Аватар пользователя ZoZo4kin ZoZo4kin 20 июля 2011 в 17:45

подскажите а можно что типа такого написать? мне не нужно диалогового окна а чтобы просто производились операции над текстом... например заключались в ДИВ с определенным классом
/*
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

/**
* file my plugin.
*/

(function()
{
var pluginName = 'my';
// Регистрируем имя плагина .
CKEDITOR.plugins.add( pluginName,
{
init : function( editor )

{//Добавляем команду на нажатие кнопки
editor.addCommand( 'sample',
{
exec : function( editor )
{
alert( 'AAAAAAAAAAAAAAAAAAAA' );
}
});

// Добавляем кнопочку
editor.ui.addButton( 'my',
{
label : 'Добавить код',//Title кнопки
command : 'sample',
icon : this.path + 'logo.gif'//Путь к иконке
});
}
});
})();

Аватар пользователя DarKaynd DarKaynd 31 октября 2011 в 1:17

Прошу прощения если уже это было, ткните носом, не могу найти, но проблема такая: перестали нажиматься кнопки настройки профиля в ckeditor
Такая фигня только в обычных профилях, ну там 2 стандартных было и новый когда создаю, не могу настроить из-за этого. В глобальном все нормально открывается. :)

ладно проехали... это все из-за другого модуля было

Аватар пользователя liviandgoy liviandgoy 8 февраля 2012 в 22:24
"DarKaynd" wrote:

Прошу прощения если уже это было, ткните носом, не могу найти, но проблема такая: перестали нажиматься кнопки настройки профиля в ckeditor
Такая фигня только в обычных профилях, ну там 2 стандартных было и новый когда создаю, не могу настроить из-за этого. В глобальном все нормально открывается. :)

Уточните какой модуль мешал. У меня такое при установке модуля. Я только начинаю изучать drupal. Спасибо!

Аватар пользователя Artu Artu 17 марта 2012 в 19:14
liviandgoy wrote:
"DarKaynd" wrote:

Прошу прощения если уже это было, ткните носом, не могу найти, но проблема такая: перестали нажиматься кнопки настройки профиля в ckeditor
Такая фигня только в обычных профилях, ну там 2 стандартных было и новый когда создаю, не могу настроить из-за этого. В глобальном все нормально открывается. :)

Уточните какой модуль мешал. У меня такое при установке модуля. Я только начинаю изучать drupal. Спасибо!

Тоже самое после обновления многих модулей на старом сайте.

Аватар пользователя ecofish ecofish 17 марта 2012 в 10:23

Редактор можно отключить для некоторых полей на странице администрирования - настройки видимости. Хотел отключить его для страниц "Профиль" пользователей. Но можно использовать только путь типа: имя_темы:user/28/profile/profile.edit-field-profile-about-0-value. 28 - это uid пользователя. А как отключить редактор для всех пользователей? Путь имя_темы:user/uid/profile/profile.edit-field-profile-about-0-value не проходит. Но не прописывать же пути для каждого пользователя отдельно.

Аватар пользователя Tyzegt Tyzegt 31 марта 2012 в 19:56

Подскажите, пожалуйста, как изменить цвет вводимого текста на белый? Измелил

config.extraCss = 'body{background:#222;text-align:left;font-size:0.8em;}';

и теперь на тёмном поле выводится чёрный текст.

Аватар пользователя Green Chest Green Chest 13 января 2013 в 0:01
Tyzegt wrote:

Подскажите, пожалуйста, как изменить цвет вводимого текста на белый? Измелил

config.extraCss = 'body{background:#222;text-align:left;font-size:0.8em;}';

и теперь на тёмном поле выводится чёрный текст.

Ну так для текста стиль допишите! Где вы цвет текста здесь задаёте? Нигде. color:#FFF; в стили добавьте, чтобы он белый был.

Аватар пользователя Mintaj Mintaj 22 июня 2012 в 3:22

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

Аватар пользователя GDI@drupal.org GDI@drupal.org 26 июня 2012 в 22:55

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

Аватар пользователя Mintaj Mintaj 28 июня 2012 в 1:42
"<a href="mailto:GDI@drupal.org">GDI@drupal.org</a>" wrote:

Эту функциональность можно отключить в настройках глобального профиля...

Спасибо большое! Теперь все понятно)

Аватар пользователя Arturus Arturus 1 ноября 2012 в 8:22

А я столкнулся с проблемой с тегами img в редакторе ckeditor. Создаю материал, вставляю в тест изображения, сохраняю, изображения есть. Нажимаю "редактировать", вижу, что до загрузки ckeditor-а (пока грузиться страница) теги img есть в тексте, после загрузки редактора теги пропадают, нажимаю на "переключиться на простой текстовый редактор" или "Source", тегов тоже нет. Подскажите где можно это исправить.

Аватар пользователя Green Chest Green Chest 13 января 2013 в 0:00
Arturus wrote:

А я столкнулся с проблемой с тегами img в редакторе ckeditor. Создаю материал, вставляю в тест изображения, сохраняю, изображения есть. Нажимаю "редактировать", вижу, что до загрузки ckeditor-а (пока грузиться страница) теги img есть в тексте, после загрузки редактора теги пропадают, нажимаю на "переключиться на простой текстовый редактор" или "Source", тегов тоже нет. Подскажите где можно это исправить.

Форматы ввода скорее всего, посмотрите какой у вас формат ввода и разрешает ли он использовать img, по умолчанию - не разрешает.

Аватар пользователя Antoniy Antoniy 28 ноября 2012 в 21:36

Бился над тем, как сделать проверку русской орфографии в CKEditor, вот нашел статью об этом.

Сначала делал на последней версии CKEditor и не получалось, как буд-то какой-то жуткий кеш, хотя все кеши чистил.

Потом снес и модуль и редактор, залил заново, но уже версию редактора CKEditor 3.4.3 (хотя может быть и не причем версии), сделал все, как в той статье, потом включил модуль... и смотрю, нифига не изменилось..

А потом поставил курсор на слово, нажал CTRL, открыл контекстное меню (в FireFox) и в нем поставил галочку "Проверять орфографию". Как я понял, ранее СКЕditor отключал дефолтовую проверку браузера в своих окнах, а FireFox это запомнил.

И все заработало, браузер стал проверять русскую орфографию в редакторе СКЕditor. Но уничтожить дефолтовое контекстное меню СКЕditor пока не получилось, оно отключается, только при нажатии CTRL.

UPD: и все равно приходится каждый раз с кнопкой CTRL открывать контекстное меню браузера на окнах CKEditor и ставить галочку "Проверка орфографии".

Аватар пользователя Spaluks Spaluks 29 ноября 2012 в 23:59

CKEditor скажите плиз! Чета в Интернете магазине плохо стал работать , а именно в некоторых разделах пишет с верху красным цветом типо "изменение не произошло" скажите что мне сделать?! Спасибо !

Аватар пользователя Zeratul Zeratul 9 декабря 2012 в 16:26

В первый раз установил, всё как написано. Заработало всё сразу же. Единственный косяк, выравнивание по ширине страницы глючит. В редакторое нормально а на сайте нет формата. Как я понял из анализа Html кода. всё дело в теге
(точнее именно в слеше).

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

Аватар пользователя Green Chest Green Chest 12 января 2013 в 23:59
Zeratul wrote:

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

У меня такое было когда я решил с 3-го на 4-ый ckeditor обновиться. И было из-за того что старые темы не подходят, а я их пытался засунуть. Удалил всё полностью, полностью с нуля установил и стал показываться. Правда старые нормальные скины не подходят и аналогов под 4-ую версию нет.

А ещё у меня именно после обновления на 4-ую специфично перестал работать разрыв анонса - он появляется, при сохранении - сохраняется - по при повторном редактировании его нет и если просто сохранить, ничего не трогая - то его в этот раз уже и в базе не будет. Формат ввода - полный, в ckeditor'e отключил все фильтры, понять напрочь не могу.

Аватар пользователя Sipth Sipth 25 декабря 2015 в 21:55

Подскажите плиз как поставить плагин так что бы при настройке drag and drop в визуальной настройке редактора появлялись кнопки которые можно перетащить на панель?

пробовал в конфиге прописывать и не появляется.

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

Может быть визуалка где то в файлах хранится и ее можно там поправить? или все же оно в базе?

p.s. создать свою панель под Ckeditir версии 4.5 не получилось, похоже все поменялось...

Аватар пользователя Sipth Sipth 16 января 2016 в 0:23

не лечится это установкой полного плагина.
даже при полном плагине предоставляет только те картинки которые есть в стандарте...