29 мая 2010 в 15:22
Модуль 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. Можно переназначить свои стили для расположения текста по левому, правому края, по центру или растянуто. У меня есть свои собственные стили прописанные в теме сайта, поэтому я их и прописал:
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" показывающий комментарии по тэгам.
4. Редактор кодирует кавычки " превращая их в " - мне это показалось не верным, так как в будущем я собираюсь использовать типограф, чтобы текст правильнее выглядел на сайте. Если же кавычки будут записаны как ", то типограф их не будет превращать в кавычки-ёлочки « ». Поэтому отключаем кодирование кавычек:
5. При открытии диалога вставки изображений, ссылок и флеша во всплывающем окне присутствуют дополнительные вкладки:
Ссылка, Цель, Расширенный. Отключаем дополнительные вкладки, прописывая код:
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":
Там же ниже в файле конфигурации редактора приведён пример, как можно прописать индивидуально стили для каждой из тем оформления.
На этом основные настройки файла конфигурации 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" со следующим содержимым:
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":
{
return {
// Название окна
title : Drupal.t( 'Help' ),
// Размеры окна
minWidth : 400,
minHeight : 230,
contents : [
{
id : 'tab1',
label : '',
title : '',
expand:true,
padding:0,
elements :
[ { type : 'html',
id : 'content',
// Текст в окне - вы можете прописать, именно тот что нужен вам.
html :'<div>'+Drupal.t( 'Help' )+'</div>',
// Кнопка "Ок", для закрытия окна
}]}],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 необходимо, во первых подключить этот модуль, прописав в самом низу файла, перед закрывающей фигурной скобкой:
вставляем код:
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
Комментарии
Уважаемый Антон!
При всём уважении, зачем такие танцы?
Берём модуль wysiwyg, скачиваем редактор с официального сайта, кладём в /sites/all/libraries/ckeditor (на странице /admin/settings/wysiwyg есть подсказка, что и куда класть)
Включаем на странице модулей (/admin/build/modules)
Настраиваем нужные кнопки на странице редактора (/admin/settings/wysiwyg)
Всё!-)
Вообще-то визуальный -)P.S. При всё моём негативном восприятии визивигов, этот действительно заслуживает внимания, к тому же делает валидный код!
к тому же делает валидный код!
А TinyMCE это делает хуже?
patator, я не помню где, но где-то была статистика по работе с редакторами и в ней TinyMCE, проигрывал FCKEditor по корректности кода. И объяснялось чем. А CKEditor, это следующая версия FCKEditor. Хоть, все эти сравнения все весьма относительны, я именно поэтому в своё время выбрал CKEditor. Хотя тут вечный спор, кто правильнее и лучше.
Станислав, можно поставить и модуль wysiwyg, он действительно поддерживает все популярные визуальные текстовые редакторы: CKEditor, FCKeditor, jWYSIWYG, markItUp, NicEdit, openWYSIWYG, TinyMCE, Whizzywig, WYMeditor, YUI editor. Это кому что ближе и как больше нравится. Но поскольку wysiwyg пытается охватить много редакторов, в нём меньше настроек
Нет настроек:
Хотя в отличие от модуля CKEditor у него есть и несколько необычных настроек:
А из этого "лишним" в том что я писал можно только назвать рассказ про "elementspath". Инструкция писалась для новичков, на портале уже есть инструкция по FCKeditor (http://www.drupal.ru/node/14187), а по его следующей версии CKeditor, увы нет. И новички по сей день продолжают ставить старую версию редактора.
После сообщения Станислава, я сделал один вывод: что надо описать ещё несколько параметров для файла конфигурации "ckeditor.config.js", если кто-то станет использовать wysiwyg. Чуть позже попытаюсь это сделать.
Я, лично, противник визивигов, но этот заслуживает внимания
Ок. Хотя по моим наблюдениям fc намного хуже tiny копировал и word. ск ещё не пробовал для этих целей.
CKEditor
Как отключить этот редактор админу?
Я создал отдельную роль, дал ей права на редактор и назначил профиль
Для зарегистрированного юзера все это дело отключил, но у админа все равно появляется этот редактор. При нажатии "Disable Richedit" редактор исчезает, но вместо него не появляется обычный textarea
Ну если вы для работы редактора используете модуль CKEditor:
1. Создаём на сайте отдельную роль "Главный редактор сайта" - включаем её админу.
2. Создаём отдельный профиль в CKEditor "Not editor". Во всех возможных настройках прописываем, что не использовать редактор (Например, можно прописать из каких полей исключить редактор вовсе, или же прописать, что использовать редактор, только если textarea содержит более 100 строк, ну и т.д. Можно прописать любую из ограничивающих настроек.)
3. Включаем этот профиль для роли "Главный редактор сайта".
4. А в конце важно не забыть в общих настройках CKEditor (Глобальный профиль) - назначить правильно приоритеты ролей. То что самый главный "Главный редактор сайта", а уже затем все остальные роли.
И при этом у вас все зарегистрированные пользователи смогут иметь возможность пользоваться редактором (ну если вы так захотите), а вот у Админа редактора не будет
Stan.Ezersky, сегодня посмотрел модуль wysiwyg. К сожалению, оказалось не всё так просто. Не нашёл в нём файла "ckeditor.config.js" или аналогичного, в котором можно было бы прописать те самые настройки из инструкций по API CKEditor. А значит и получить доступ к множеству настроек, которые я описывал. Так как сам по себе редактор очень гибкий.
Единственно, что мне удалось сделать, это подключить к редактору менеджер файлов IMCE, для этого необходимо поставить ещё один модуль - IMCE Wysiwyg bridge.
Так что если кому-то удалось получить доступ к столь разнообразным настройкам редактора, при использовании модуля wysiwyg, пусть делятся опытом. Было бы интересно услышать. Не может же быть такого, что в этом случае никак нельзя использовать API CKEditor.
А кто смог прикрутить к CKEditor проверку русской орфографии?
Для FCKEditor были несколько способов.
Что-то не получилось. Права как бы отключились, но я не вижу обычной текстареи, тупо пустое пространство и ссылка снизу Disable rich-text, нажатие на которую ничего не дает.
Дархан, логика мне подсказывает: раз появляется надпись «Disable rich-text» — значит редактор включён, да и отсутствие формы ввода «textarea», говорит о том что её обрабатывает JavaScript редактора. А значит CKeditor продолжает срабатывать. Можно это проверить, отключив JavaScript в браузере — форма «textarea» должна появиться.
Попутно вопрос, а у тебя случайно не установлен ещё один текстовый редактор, например BUEditor? Очень похоже на конфликт двух редакторов из-за того что они вдвоём пытаются обработать одну и ту же форму.
На расстоянии сложно понять в чём проблема, то что мне приходит в голову:
1. В настройках «Управление › Настройка сайта > Производительность» — выбрать режим кеширования: «Отключено», а также отключить функцию «Оптимизировать JavaScript файлы». После посмотреть исходный код HTML-страницы, с формой «textarea». В том случае если CKeditor отключён, на этой странице в HTML-коде в разделе «head» не должно быть строчки:
Если строчка есть, идём в настройки и отключаем, по описанному выше.
2. После любых настроек может понадобиться почистить весь кэш. Выполняем очистку кэша Drupal, там же настройках «Управление › Настройка сайта > Производительность».
3. Выполняем cron, это уже на всякий случай для собственного спокойствия, — «Управление › Отчеты › Отчет о состоянии», и запускаем выполнение регулярных процедур (cron) вручную.
4. Разлогиниться на сайте, нажав ссылку «Выход». И почистить кэш в браузере (обязательно).
5. Если не помогло, попробовать поставить CKeditor на чистый Drupal. И экспериментировать с настройками.
--
Удачи!
Как же меня достаёт, что это чудо использует именно:
<body>
Редактируемый текст
</body>
</html>
Возникает куча проблем. Каждый раз приходится танцевать вокруг ckeditor.config.js.
Никто не знает как задать ему структуру типа:
<body>
<div class="odin">
<div class="dva">
Редактируемый текст
</div>
</div>
</body>
</html>
???
Для этого можно использовать стандартную функциональность Drupal. Вставить необходимые классы в шаблон темы оформления сайта — в файл node.tpl.php
<div class="dva">
<?php print $content ?>
</div>
</div>
Вы меня не правильно поняли. CKEditor использует iframe для редактирования текста. Внутри тега iframe у меня такое:
<body>
Редактируемый текст
</body>
</html>
CKEditor не работает с Ajax Comments. Скорее наоборот. Жаль...
Проблему решил...
выложите плагин сюда пожалуйста, офф.сайт лежит, скачать неоткуда
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»):
<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:
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]
//<![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>
спасибо )
как отключить проверку орфографии?) все русские слова подчеркивает красным
У меня встречный вопрос, а как вы её включили?)
1. Если используется панель инструментов "DrupalFull", то там присутствует кнопка "SpellChecker" (и "Scayt" - вроде тоже проверка орфографии). Уберите их.
2. Как предположение. А это случайно не встроенная проверка орфографии в вашем браузере? Если это так, то необходимо просто закачать русский словарь для проверки орфографии в браузер.
появилось помоему после апдейта до последней версии ckeditor, проверяет орфографию сам цкедитор (по правой кнопке предлагает варианты замены) scayt вобще удалил - не помогло, в конфиге прописал config.disableNativeSpellChecker = true;
тоже безрезультатно, лезет на svc.spellchecker.net
странно... SCAYT должен это делать, но я его удалил
вылечил с:
config.scayt_autoStartup = false;А в какую часть ckeditor.config.js вставляли?
Если вставить в начало,поле редактора вообще пропадает,если в конец ничего не происходит.
Еще вопрос.
Как настроить выравнивание (обтекание) картинки?
В пункте меню "Выравнивание" есть только по левому и по правому краю.
А где остальные,как в FCKEditor?
/*
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;
FORTIS,спасибо.
Чет я не понял - а функцию быстрой вставки картинок (без файл0браузера) вообще что-ли убрали? Не вижу ее...
все на месте
у меня ее нету (квик аплоад имею в виду) (( - пришлось обратно на FCK спрыгнуть - я предпочитаю не давать юзерам шарится по файлу.
и я не нашел эту функцию
тем, кто захочет написать свой плагин, то вот хорошую статейку нашел
http://www.voofie.com/content/2/ckeditor-plugin-development/
С чем связано, что сам редактор надо заливать либо в /sites/all/modules/ckeditor/ckeditor, либо в /sites/all/libraries?
Просто на разных хостингах по разному надо делать. Как сориентироваться сразу куда заливать?
А при чём хостинг? Всегда скрипт редактора ложился в /sites/all/modules/ckeditor/ckeditor
Не совсем так. Появилось предположение.
На одном хосте cke я подключал сначала через wysiwyg. А потом через ckeditor. Соответственно, редактор был в /sites/all/libraries и нормально работал. На другом хосте сразу ставил ckeditor. Но редактор также залил в /sites/all/libraries.
Получил сообщение, что редактор не найден и надо проверить его расположение в /sites/all/librarie или /sites/all/modules/ckeditor/ckeditor. Перенёс редактор в /sites/all/modules/ckeditor/ckeditor и он нашёлся.
Вот такая штука получилась.
ну я обычно если через модуль ckeditor подключаю то кладу в его папку, если через wysiwyg кладу в libraries
Скачан свежий модуль CKeditor и сам редактор. Залиты на сайт.
Имеем роль Admin и встроенная роль "зарегистрированный пользователь"
В разрешениях (admin/user/permissions) даём права доступа ролям Admin и "зарегистрированный пользователь".
В едиторе настраиваем 2 профиля. Адвансед и Reg.user.
Отличие лишь в том, что у адванседа в File Browse выбран IMCE, у Reg.user - none.
Соответственно указаны и роли для профилей - адванседу - Admin, Reg.user-у - "зарегистрированный пользователь".
Имеем 2х пользователей. Один обычный, другому дана роль Admin.
Пользователю с ролью Admin едитор показывается.
Обычному - нет.
Кто знает, что за беда?
Всем доброго времени суток.
Прошу аксакалов прояснить ситуацию (я сейчас только в начале пути, начал знакомиться с системой).
Просмотр кода, который получается при попытке форматирования текста с помощью стандартных инструментов FCK, приводит , мягко говоря, в уныние. Инструментов для использования файлов CSS в этом редакторе нет (может я не прав?). То есть, получается, что если хочешь работать с СSS, необходимо писать код вручную. Тогда возникает вопрос: а зачем вообще нужен такой редактор? Только для гостей сайта, оформляющих комментарии? Но для них эта тема (форматирование текста), собственно, по барабану.
gennadi, уточню, что это тема по CKEditor, а не по FCKEditor. Использовать стили темы в CKEditor можно:
Управление / Настройка сайта / CKEditor / выбираете необходимый профиль CKEditor / и в подразделе CSS выбираете «использовать css темы оформления». Также там же в настройках можно непосредственно указать путь к необходимому CSS файлу.
А если вы прочтёте в первом сообщении этой темы — раздел «Настройка файла ckeditor.config.js» — пункт 1, то поймёте как можно прописать, например, свои стили для выравнивания текста. Соответственно, при той строке кода который там прописан, в CSS вашей темы должен присутствовать код:
.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 — и настройте всё как вам необходимо.
Гм, а это может быть как-то по-другому? Если так нужно, готовьте текст в Дримвивере и вставляйте полученный код. В этом случае CKEditor вам конечно и не нужен будет
У меня возникла такая проблема. При создании ноды в самое начало вставляется пустой абзац , после редактирования этой ноды (убираешь абзац руками), он снова не появляется. Как с этим бороться? Спасибо
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. Ау-у!
Сразу скажу тем, кто столкнется с проблемой, как я.
Чтобы появилась кнопочка "загрузить изображение" или "browse image" в редакторе. Нужно:
-поставить модуль imce
-заетем в /admin/settings/wysiwyg/profile/1/edit (тобишь настройке профиля), нужно в поле Buttons and plugins поставить галочки везде.
И там должна быть, также, кнопочка IMCE.
Иначе, по умолчанию, кнопка "browse image" не будет показываться в редакторе, хотя остальные кнопки показываются.
дык этож в порядке вещей )
gennadi, ага понял к чему вы клоните. Но если уж быть максималистом, то самый лучший редактор — это всё же человек. Я не знаком ни с одной программой для ПК и тем более ни с одним wysiwyg-редактором, который бы выдавал идеально грамотный код, с сложными параметрами. Если бы такие программы были — люди бы не изучали HTML. Это было бы никому не нужно.
Но и не стоит путать задачи wysiwyg-редактора и программы Dreamweaver. В Dreamweaver вы создаёте шаблон, макет, дизайн всего сайта; дизайн множества разных сайтов. А в wysiwyg-редакторе вы лишь редактируете конкретную небольшую часть этого самого сайта, конкретный текст по готовому образцу; при этом для идеальной работы wysiwyg-редактор требует специальной настройки под ваш сайт.
Если же говорить о том примере, что вы привели: о цветах, размерах и типах шрифтов, то эти настройки я бы рекомендовал и вовсе убрать из редактора. Эта пёстрость: игра цветами, размерами и типами шрифтов — баловство для пятилетнего ребёнка; безвкусица вороны надевающей на себя всё подряд. Это лишь демонстрация того, что CKeditor имеет множество возможностей настройки. И это не значит, что всё что есть надо использовать.
А теперь разжую дословно, то что я пропустил, когда рассказывал про возможности редактора. Я рассказал о возможностях и думал, что всем будет ясно как же их применить. И так, как же настроить редактор именно под ваши CSS-стили... У вашего сайта уже существует дизайн. Надеюсь вы уже представляете как должен будет выглядеть текст (статья) или сообщение на форуме, которое будут писать посетители:
----
Заголовок
Подзаголовок 1
Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст. ПО ЛЕВОМУ КРАЮ, ПО ПРАВОМУ КРАЮ, ТО КАК НЕОБХОДИМО ПО МАКЕТУ ДИЗАЙНА.
Подзаголовок 2
Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, ВЫДЕЛЕННЫЙ КАКИМ-НИБУДЬ ЦВЕТОМ/ШРИФТОМ ФРАГМЕНТ, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст.
----
и т.д.
1. Выключаем все кнопки редактора.
2. Прописываем необходимые для этого дизайна текста классы в CSS.
3. Дальше на панели кнопок редактора создаёте необходимые кнопки или выпадающие списки с выбором ваших CSS-классов, которые бы вставляли следующий код:
О том как создавать кнопки и выпадающие списке в редакторе смотрите мою статью выше. Используйте как пример код уже готовых кнопок в самом редакторе. И вот после этих настроек ваш HTML-код сразу приобретёт удобочитаемый вид без всяких «style».
Возможно такая настройка звучит угрожающе, но для того чтобы это сделать, лично мне, хватило только знания HTML и готовые примеры кнопок в редакторе.
Если же вы не будете настраивать CKEditor, то конечно вы получите полуфабрикат с кривым кодом. Это как у хозяйки которая ленится делать собственные домашние котлеты с домашним соусом, и покупает уже готовое. Что за блюдо в результате получится — неизвестно. Или пример который ближе мужчинам... Вы же после покупки новой мебели: распаковываете её из коробки, собираете, и располагаете в удобном для вас месте, а не бросаете посреди коридора. А умелый мастер ещё и «штукенцию» свою какую-нибудь к ней приделает, дырочку просверлит, крючок приделает.
Post scriptum. Drupal-разработчики к wysiwyg-редакторам вообще никакого отношения не имеют. Wysiwyg-редакторы, это отдельные приложения. И все споры о качестве их работы на форумы к ним
Тут же обсуждаются лишь вопросы встраивания их в Drupal. Хотя я уже детально разжевывал настройки самого редактора и принципы его работы, в моём субъективном понимании.
2 Антон
Спасибо за интересную статью и не менее познавательный пост от 3го числа.
Ко всему этому есть важный вопрос - что делать со вставкой из Word и т.п.
С одной стороны - ее нельзя запрещать, т.к. это скажется на желании людей добавлять контент и в конечном итоге на развитии ресурса, с другой стороны - очень не хотелось бы стилистического бардака.
Есть какие-нибудь средства-подходы, которые позволяют избежать/минимизировать проблемы с оформлением текста, вставленного в CKeditor через буфер обмена?
сам не пробовал, но может подойдет: office_html
winniepoo, если вы считаете что пользователям вашего сайта нужна вставка текста из Microsoft Word, ну так оставьте в CKEditor кнопку "Вставки из Word". Говорят, что эта возможность стала работать лучше, но думаю всё равно не идеально. Просто подумайте, такая функция нужна всем пользователям или только для части пользователей: главным редакторам, только доверенным пользователям, и т.п. Если не всем - настройте для разных пользователей разные панели инструментов...
И конечно же, и по этому поводу у CKEditor есть настройки. В файле /sites/all/modules/ckeditor/ckeditor.config.js можно прописать 5 настроек:
// 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
Но также не забывайте, что и у самого Друпала есть форматы ввода - их можно настроить и вырезать лишние тэги, если такие будут встречаться.
как можно скрыть кнопку "просмотреть на сервере"?
У меня вместо IMCE установлен CKFinder, но я пользуюсь только быстрой загрузкой.
Вопрос еще актуален.
[РЕШЕНИЕ]
http://cksource.com/forums/viewtopic.php?t=19910
и еще как можно подровнять окошки для заполнения параметров для картинок.
пример на скрине:)
Подскажите куда тут копать?
еще актуально
модуль imce отключите
или отредактируйте профиль ckeditor и там уберите файлменеджер
Уважаемый Антон, подскажите, как заставить работать кнопку "Teaser Break". Она есть на панели инструментов CKEditor (самая последняя). Но она не работает. Если переключиться в "plain text editor" и вписать !--break-- руками (в угловых скобках, конечно), то при возвращении в CKEditor его поле серое и весь контент ноды пропадает. В файле \sites\all\modules\ckeditor\ckeditor.config.js есть такие строчки:
<?phpif (Drupal.ckeditorCompareVersion('3.1')) {
CKEDITOR.plugins.addExternal('drupalbreaks', Drupal.settings.ckeditor.module_path + '/plugins/drupalbreaks/');
}
?>
пробовал дописать еще внутрь скобок:
<?phpconfig.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 начало такого кода:
Удалось вставить тизер бреак, но только в самом редакторе. В просмотре его нет
kwas@drupal.org, как удалось? Если удалось, то что значит что его нет в просмотре (код разрыва вставился в HTML)?
Кому нибудь удавалось вставить анонс в CKEditor?
Как раз вопрос очень актуален.Думал написать сюда,а тут вы. Тоже ничего не происходит при нажатии на кнопку.
Всем спасибо. Вопрос снят. С кэшем долго боролся. Глянул в БД - есть break. Думал уже что Друпал теперь его не обрабатывает. Но этого же не может быть. Поубивал кэш как следует, и все встало на свои места.
2 Artu: ответ в туте: http://azbukaweb.ru/error-teaser-break-v-ckeditor
kwas@drupal.orgспасибо.
Кеш очень важен.
P.S. Какой же все таки конченный этот JS. Простите.
Измененный файл там же во вложении. Проблема в том, что это не решение, а обход проблемы. И при каждом обновлении версии CKEditor нужно уделять этому отдельное внимание.
Возможно ли в ckeditor'е осуществлять проверку орфографии для русского языка? Т.е. как к имеющимся в списке языков для проверки (Brazilian Portuguese, British English, Danish, Dutch и пр.) добавить русский?
Сегодня обновился модуль CKEditor 6.x-1.2. В нем обсуждаемая проблема с тизербрейком пификсена.
у меня обычно ckeditor подключенный через wysiwyg и подключенный через модуль ckeditor выглядят поразному, в wysiwyg обычно страшнее, похож на tinymce внешне. как поменять скин у wysiwyg -> ckeditor ?
а то на днях случайно получилось, пока не нашел как
отвечаю сам себе
модуль - ставит скин kama и фиксит тулбары в последнем ckeditor:
wysiwyg_customizer.info
description = Adds wysiwyg custom settings
core = 6.x
wysiwyg_customizer.module
if ($context['editor']['name'] = 'ckeditor' || isset($settings['toolbar'][0])) {
$settings[skin] = 'kama';
$settings['toolbar'] = array_chunk($settings['toolbar'][0], 4);
}
}
Мой вопрос все еще актуален:
При создании ноды в самое начало вставляется пустой абзац , после редактирования этой ноды (убираешь абзац руками), он снова не появляется. Как с этим бороться?
ckeditor не появляется на полях textarea после подключения Google Analytics
кто сталкивался? есть ли решения?
http://www.drupal.ru/node/50592
Что-то у меня в упор не подхватывается в собственной панели 'DrupalBreak'
А для предустановленных тупо не работает отделение анонса через 'DrupalBreak'.
Хотя пишут, что эта проблема решена в ске 6.x-1.2 решена...
И ещё вопрос: где хранится библиотерка спец.символов? И как её редактировать. Крайне неудобно полное отсутвие греческого алфавит...
Раньше для работы 'DrupalBreak' был нужен модуль paging, не знаю, изменилось ли что сейчас.
Странная вещь. При выборе DrupalFull и т.п. 'DrupalBreak' работает. А в собственной сборке или предустановленной Basic или Full не работает...
Может у вас опечатка, попробуйте скопировать этот пункт меню из DrupalFull в ваше меню.
Чёрт его знает в чём проблема была... Вроде и кэш чистил и браузера и друпала... А сегодня днём после установки нескольких модулей и update заработала кнопочка.
осталось только с specialchar.js разобраться...
Столкнулся с ситуацией:
создаю первую статью после установки и все работает как надо:
закрепляем результат
Очень интересно чего это в друг в исходнике все теги как с иголочки, а текст голый. Собственно такая канитель и с родным модулем CKEditor-а и при установке через Wyswig (и первая статья не форматируется). Да что там, со всеми визуальными редакторами один глюк.
База откатывалась, настройки ролей менял,...
Какие варианты, есть у кого? CKEditor понравился, результат очень нужен. Варианты уже закончились. За помощь буду очень признателен.)
Обычно в формате ввода проблемы, потому что там по-умолчанию не включены теги IMG. Посмотрите исходный код страницы там где нет картинок. Может у вас сто-то не так со средствами обработки картинок типа imagecache или еще какими, ИМЦЕ стоит? В issues модуля пробовали найти похожую проблему?
С родным модулем CKEditor-а, не обрабатываются все теги кроме: списков, абзацев и ссылок.
При установке через Wyswig не обрабатываются все теги кроме: списков и ссылок.
Все....нет таблиц, нет выравнивания по центру или по краям, размер, подчеркивание, зачеркивающие, курсив, жирный, заглавие,...., изображений, флешь.
Но что меня удивляет больше всего, это то что первый раз, с родным модулем CKEditor-а, работает все а при второй попытке нет. При установке через Wyswig, не работает с первого раза!
----------------15.11.2010--------------
Проблема решилась загадочным образом?) Чтоб не переустанавливать и представить как работает остальное (может за одно пойму в чем проблемы, к примеру - я), начал ставить модули и придя проверять работу создал статейку - результат обрадовал, все работает.
Что это?
Привет, у меня такая проблема:
CKeditor вроде ставиться,т.е. модуль появился и я его включила в разделе модули,но больше нигде его нет как факт,а он мне ооооочень нужен!!!!!что делааать????
А сам редактор скачали в нужную папку? Появился пункт в настройках сайта?
Задавал этот вопрос на дру.ру неоднократно. Но теперь задам непосредственно для редактора, на котором 100% остановил свой выбор.
Как обрамлять изображения [hidden] от ccfilter для каждой вставляемой картинки автоматически?
Теоретически надо прописать куда-то подстановку того тэга к кнопке вставки изображений...
Второй вопрос.
При вставке изображения через IMCE отсутствует атрибут description. Только alt доступен. Есть возможность добавить эту опцию через cke? Или только через ImageField?..
Обнаружил забавный глюк с полноэкранным режимом CKEditor(кнопка Максимизировать). Собственно, нормально он отрабатывает только до тех пор пока не внесли каких либо изменений в окно редактирования. Если же любые изменения внесены по нажатию получаем вот такую интересную картину:
Одинаково ведет себя в любой теме оформления. Кто нибудь поборол?
Судя по всему, баг наблюдается только в мозилле. Вообще забавная ситуация, приходится выбирать меньшее из зол, т.к. в опере замечен другой баг - при вставке текста при большом количестве строк курсор постоянно перескакивает в начало документа, что раздражает и замедляет работу. В эксплорере глючит IMCE.
Как можно подключить к редактору кнопки для вставок
Может где есть код или плагины?
Как можно подключить кнопку вставки видео YouTube?
Как создавать свои кнопки написано в первом сообщении.
givchik, модули Tool Tips и Collapsible можно заменить одним - ccfilter
и он сам подключится к CKEditor, или нужны танцы с бубном?
ccfilter то? Нет. Рекомендовал его, т.к. вместо нескольких модулей можно поставить один и с большим функционалом.
Спасибо, patator....
если кому интересно, чтоб сделать свои смайлики нужно проделать следующие действия:
указать свои смайлы и их описания
если вам на все браузеры кроме Mozilla "все равно" можете не делать
указать все смайлики еще раз
Люди, можно поподробней на примере какого-то фильтра или примера из статьи сказать, что делать для того чтоб подключить фильтры к редактору помогите пожалуйста....
givchik СУПЕРРРРРРРРРР!!!! Это был один из вопросов на 1000000!!!!!
Теперь осталось как сделать кнопку для Collapsible text !!!
givchik, что значит указать смайлики? Имена файлов?
i.smiley_images=['smile1.gif','smile1.gif'];i.smiley_descriptions=['Радость','Грусть'];
А можно задать высоту редактора и где? Не ресайз, а именно высоту по умолчанию. Сейчас она примерно строк 20, а как сделать, чтобы была в районе 10?
Artu, если я правильно понимаю там "масив" или по простому два списка, при загрузке смайла система делает сверку по имени файла и его описанию...
имя файла - смайлик.расширение
описание - смайлик
описание вставляется в текст а имя файла подгружается...
люди помогите,
вопрос кнопок для модулей:
актуален и даже критичен
Фильтры на это не влияют, вроде как (пробовал включать, отключать HTML corrector, HTML filter).
C кнопочками помогите кто-нить!
по ходу изысканий оказывается - кнопка "вставить только текст" как раз и выполняет задачи Code Filter.
цитирование тоже есть только это просто класс в стилях, прикрутить бы туда функцию от Quote и все супер.
Tool Tips, Collapsible не критичны.
Попробую протестировать новую версию на сайте отпишусь...
Для вставки кода я использую syntax highlighter, он добавляет кнопку для CKEditor.
Скажите глупому, как в нем границу анонса определить?
xander27, на моем сайте есть материал "Типы материалов и правила оформления.", в основном делал его как "чавошку" для юзеров, но там в конце первого поста есть картинки с рабочими областями CKEditor-а и кнопками. Можете там глянуть.
этот модуль мне все форматирует даже когда не надо. перехожу в plain текст сохраняю, и на выходе вижу совсем не то что надо - это как то лечится?
Попробуйте поставить формат ввода Full HTML. При редактировании используются все возможности разметки HTML, а при просмотре после сохранения - только те, что разрешены форматом.
А как отрубить wysiwyg в форме коментариев, чтоб в другом оставался. Или хотяб поставить по умолчанию Disable rich-text.
Смотрим тут
/admin/settings/ckeditor/editg
/admin/settings/ckeditor/edit/Default
/admin/settings/ckeditor/edit/Advanced
kill_windows, в preprocess_comment, поищите было уже
Скажите пожалуйста, как настроить этот редактор для полей в моем модуле, если в настройках доступа СКЕдитора ни в одном разделе не появляется название моего модуля с textarea. Drupal 7
Столкнулся с проблемой - если написать какую нибудь каку типа : жжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжж
Не вставляются автоматически переносы или значки -, копался в настройках - и не нашел. В итоге текст вылезает за рамки форматирования и портит всю красоту на сайте. Есть ли возможность решить в настройках эту проблему. Теоретически легко мог бы написать php или javascript для обработки это неприятности, но только начал разбираться с друпалом и не знаю как добраться до свойств текстового поля и вообще как корректно вставить этот обработчик и вообще куда, в ckeditor или вообще в drupal. Кстати та же проблема при вставке комментариев.
На этом сайте же не вылазит, так? Я не смотрел, но думаю сделано в стилях, overflow:hidden; в стилях в своей теме указывайте для ноды, почитайте про overflow.
подскажите а можно что типа такого написать? мне не нужно диалогового окна а чтобы просто производились операции над текстом... например заключались в ДИВ с определенным классом
/*
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'//Путь к иконке
});
}
});
})();
Подскажите как фон цитаты поменять, он розовый
// PS Исправил
Прошу прощения если уже это было, ткните носом, не могу найти, но проблема такая: перестали нажиматься кнопки настройки профиля в ckeditor
Такая фигня только в обычных профилях, ну там 2 стандартных было и новый когда создаю, не могу настроить из-за этого. В глобальном все нормально открывается.
ладно проехали... это все из-за другого модуля было
Уточните какой модуль мешал. У меня такое при установке модуля. Я только начинаю изучать drupal. Спасибо!
Тоже самое после обновления многих модулей на старом сайте.
Редактор можно отключить для некоторых полей на странице администрирования - настройки видимости. Хотел отключить его для страниц "Профиль" пользователей. Но можно использовать только путь типа: имя_темы:user/28/profile/profile.edit-field-profile-about-0-value. 28 - это uid пользователя. А как отключить редактор для всех пользователей? Путь имя_темы:user/uid/profile/profile.edit-field-profile-about-0-value не проходит. Но не прописывать же пути для каждого пользователя отдельно.
ecofish,Знак подстановки - *.
Подскажите, пожалуйста, как изменить цвет вводимого текста на белый? Измелил
config.extraCss = 'body{background:#222;text-align:left;font-size:0.8em;}';
и теперь на тёмном поле выводится чёрный текст.
Ну так для текста стиль допишите! Где вы цвет текста здесь задаёте? Нигде. color:#FFF; в стили добавьте, чтобы он белый был.
Не получается создать собственную панель. Она не появляется в списке панелей. Подскажите, пожалуйста, как это можно исправить.
В последних версиях CKEditor панели создаются визуальными методами на странице редактирования профилей, просто таскаете мышкой кнопки. Эту функциональность можно отключить в настройках глобального профиля и тогда становится возможным создавать панели текстом, так как раньше надо было делать в файле настроек. Но это опять же делается в каждом профиле. Создание панелей через правку файлов теперь невозможно, как я понял.
Спасибо большое! Теперь все понятно)
А я столкнулся с проблемой с тегами img в редакторе ckeditor. Создаю материал, вставляю в тест изображения, сохраняю, изображения есть. Нажимаю "редактировать", вижу, что до загрузки ckeditor-а (пока грузиться страница) теги img есть в тексте, после загрузки редактора теги пропадают, нажимаю на "переключиться на простой текстовый редактор" или "Source", тегов тоже нет. Подскажите где можно это исправить.
Форматы ввода скорее всего, посмотрите какой у вас формат ввода и разрешает ли он использовать img, по умолчанию - не разрешает.
Бился над тем, как сделать проверку русской орфографии в CKEditor, вот нашел статью об этом.
Сначала делал на последней версии CKEditor и не получалось, как буд-то какой-то жуткий кеш, хотя все кеши чистил.
Потом снес и модуль и редактор, залил заново, но уже версию редактора CKEditor 3.4.3 (хотя может быть и не причем версии), сделал все, как в той статье, потом включил модуль... и смотрю, нифига не изменилось..
А потом поставил курсор на слово, нажал CTRL, открыл контекстное меню (в FireFox) и в нем поставил галочку "Проверять орфографию". Как я понял, ранее СКЕditor отключал дефолтовую проверку браузера в своих окнах, а FireFox это запомнил.
И все заработало, браузер стал проверять русскую орфографию в редакторе СКЕditor. Но уничтожить дефолтовое контекстное меню СКЕditor пока не получилось, оно отключается, только при нажатии CTRL.
UPD: и все равно приходится каждый раз с кнопкой CTRL открывать контекстное меню браузера на окнах CKEditor и ставить галочку "Проверка орфографии".
CKEditor скажите плиз! Чета в Интернете магазине плохо стал работать , а именно в некоторых разделах пишет с верху красным цветом типо "изменение не произошло" скажите что мне сделать?! Спасибо !
В первый раз установил, всё как написано. Заработало всё сразу же. Единственный косяк, выравнивание по ширине страницы глючит. В редакторое нормально а на сайте нет формата. Как я понял из анализа Html кода. всё дело в теге
(точнее именно в слеше).
Решил поставить на другой сайт. Всё встало, но при редактировании вместо окна редактора ничего не появляется. То есть просто белый кусок экрана вместо редактора.
Подскажите что это может быть. Уже попробовал разные версии, по устанавливал ничего не получается. Пробовал под разными браузерами.
У меня такое было когда я решил с 3-го на 4-ый ckeditor обновиться. И было из-за того что старые темы не подходят, а я их пытался засунуть. Удалил всё полностью, полностью с нуля установил и стал показываться. Правда старые нормальные скины не подходят и аналогов под 4-ую версию нет.
А ещё у меня именно после обновления на 4-ую специфично перестал работать разрыв анонса - он появляется, при сохранении - сохраняется - по при повторном редактировании его нет и если просто сохранить, ничего не трогая - то его в этот раз уже и в базе не будет. Формат ввода - полный, в ckeditor'e отключил все фильтры, понять напрочь не могу.
Подскажите плиз как поставить плагин так что бы при настройке drag and drop в визуальной настройке редактора появлялись кнопки которые можно перетащить на панель?
пробовал в конфиге прописывать и не появляется.
но если драг энд дроп отключить то кнопку можно вставить кодом. НО немного как то не удобно редактировать.
Может быть визуалка где то в файлах хранится и ее можно там поправить? или все же оно в базе?
p.s. создать свою панель под Ckeditir версии 4.5 не получилось, похоже все поменялось...
Это лечится установкой полной версии плагина.
не лечится это установкой полного плагина.
даже при полном плагине предоставляет только те картинки которые есть в стандарте...