Разделы

Установка CKEditor в MODx Evolution


Подробная инструкция под катом
Поправлен глюк с ссылками в EVO 1.0.3

Устанавливаем плагин


  • для начала качаем готовый архив с плагином ckeditor32-alpha2.zip

  • распаковываем архив к себе на сайт (в папку /assets/plugins)

  • переходим в панель управления -> Элементы -> Управление элементами -> Плагины

  • создаем новый плагин и называем его «ckeditor»

  • копируем в тело плагина содиржимое файла ckeditor.tpl

  • в «Системных событиях» отмечаем чекбоксы «OnRichTextEditorInit», «OnRichTextEditorRegister» и «OnInterfaceSettingsRender»


  • жмем «сохранить»



Подключаем редактор


  • идем в -> Инструменты -> Конфигурация -> Интерфейс и представление

  • в поле «Редактор» в выпадающем списке выбираем «CKEditor»


  • также можно выбрать одну из предустановленных тем редактора в появившемся поле «CKEditor Settings»


  • жмем «сохранить»

  • в принципе все, наблюдаем результат



Дополнительно


  • можно отключить плагин «TinyMCE» чтоб не мешался

  • предустановленные темы меня не устроили и я сделал свою



  • для правки тем нужно отредактировать файл /assets/plugins/ckeditor/modx_config.js

    Чтоб получилось как у меня замените строки с
    config.skin = 'modx';
    config.toolbar ='[+toolbar+]'; // MODx, full or simple
    config.toolbar_modx =
    [
    	['Source'],
    	['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    	['PasteText','PasteFromWord'],
    	['Undo','Redo','-','Find','-','RemoveFormat'],
    	'/',
    	['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    	['JustifyLeft','JustifyCenter','JustifyRight'],
    	['Link','Unlink','Anchor'],
    	['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
    	'/',
    	['Format','Font','FontSize'],
    	['TextColor','BGColor'],
    	['Maximize', 'ShowBlocks','-','About']
    ];

    на
    config.skin = 'modx';
    config.toolbar ='[+toolbar+]'; // MODx, full or simple
    config.toolbar_modx =
    [
        ['Undo','Redo'],['PasteText','PasteFromWord'],['Link','Unlink','Image','Table'],
        ['Maximize','-','ShowBlocks','Preview'],['Source'],
        '/',
        ['Bold','Italic','Underline','Strike'],['JustifyLeft','JustifyCenter','JustifyRight'],['Format'],['TextColor','BGColor'],['NumberedList','BulletedList','-','Outdent','Indent','Blockquote']
    ];



Update


Плагин обновился до версии 3.3.1 — качать отсюда: ckeditor331-alpha.zip остальное по инструкции, ошибки с 1.0.3 теперь нет.
  • +12
  • 7 апреля 2010, 23:44
  • zluk

Комментарии (24)

RSS свернуть / развернуть
0
А чем он лучше TinyMCE ?)
avatar

pitbull

  • 8 апреля 2010, 12:17
+1
А чем он хуже?
Всегда должна быть альтернатива и каждый тогда выберет то что ему на душу ляжет.
Лично мне CKEditor больше нравится визуально, более удобный код (для меня) делает + для вставки ссылок можно выбрать и фотоки и файлы без плясок с бубном.
avatar

zluk

  • 8 апреля 2010, 12:22
0
Вопросом на вопрос отвечать — плохая мода.

Меня всегда удовлетворял TinyMCE, поэтому и спросил, может быть надо срочно сменить редактор по-умолчанию )
avatar

pitbull

  • 8 апреля 2010, 12:38
0
Мне тоже больше нравится CKEditor. Только о какой своей теме идёт речь? Та, что на скрине стандартная в редакторе.
avatar

braun

  • 8 апреля 2010, 13:28
0
я иммел ввиду панель с кнопками
avatar

zluk

  • 8 апреля 2010, 13:38
0
Я лично недолюбливаю tinyMCE мз-за его текущего API.
avatar

Regent

  • 8 апреля 2010, 14:30
0
поставил по инструкции, все заработало.
единственный вопрос — в tinymce в окне вставки ссылки есть список всех документов сайта.
можно ли как-то реализовать этот фунционал в ckeditor?
avatar

antonkuzmin

  • 8 апреля 2010, 22:02
0
Только руками. Посмотреть на файл assets\plugins\tinymce3241\tinymce.linklist.php и вперед =)))
avatar

pitbull

  • 8 апреля 2010, 22:41
0
Отлично!
Поставил, все работает на ура.
Не смог правда разобраться как прикрутить свои стили таким образом чтобы они отображались в TextArea.
stylesSet.add — работает нормально:
CKEDITOR.stylesSet.add('xxx',[
{name:'мой стиль', element:'p', attributes:{'class':'мой класс'}},

contentsCss — собака не работает
CKEDITOR.config.contentsCss = '/путь к файлу/editor.css';

Поэтому заданный стиль не отображается.

Может кто подскажет?

avatar

kalina

  • 17 апреля 2010, 19:23
0
Спасибо! Хороший редактор, и TinyMCE уже под надоел, и кто муже он у меня на сайте в один прекрасный момент просто перестал работать. В поле редактор стоит TinyMCE, а показывает просто код.
avatar

daniilos

  • 5 мая 2010, 14:03
0
он не умеет вставлять таблицы из ворда с ячейками разного цвета. версия 3.2.1 может (проверял на офф сайте). только не получается просто заменой папки «ckeditor» в папке «plugins/ckeditor» обновить версию. подкажите что надо еще сделать чтобы заработала новая версия?
avatar

pest

  • 25 мая 2010, 00:04
+2
обновил топик — «Update 2»
avatar

zluk

  • 25 мая 2010, 09:26
0
оперативно) спасибо, работает.
avatar

pest

  • 25 мая 2010, 10:08
0
Не знаете случаем, changelist на новую версию есть?
Или только одну ошибку исправили в ней?
avatar

Regent

  • 25 мая 2010, 23:56
0
Не знаю, плагин делает японец и там трудно что-то разобрать. Как вариант попробуйте сами посмотреть на странице проекта
avatar

zluk

  • 26 мая 2010, 08:54
0
у меня на Windows хостинге не показывает панель с кнопками(
avatar

Trent

  • 1 июня 2010, 19:13
-1
avatar

Trent

  • 1 июня 2010, 19:17
0
Вопрос по редактору:
Как установленный в систему редактор работает прекрасно.
Если по умолчанию выбран TinyMCE то я его вызываю вот так
include_once($modx->config['base_path'].'/manager/includes/tmplvars.inc.php');
		$event_output = $modx->invokeEvent("OnRichTextEditorInit", array('editor'=>$modx->config['which_editor'], 'elements'=>array('tvEditor')));

		if(is_array($event_output)) {
			$editor_html = implode("", $event_output);
		}
		// Get HTML for the textarea, last parameters are default_value, elements, value
		$rte_html = renderFormElement('richtext', 'Editor', '', '', $info);

		$output .= $rte_html;
		$output .= $editor_html;

если по умолчанию стоит CKEditor, то он тоже вызывается через приведенный код — менять ничего не надо. Но как заставить CKEditor менять стили тулбара — я замкнул и не догоняю. Через админку конечно меняется, но ведь для всего сайта, а мне надо только в определенном месте убрать все лишнее с тулбара.
avatar

xakepShilo

  • 3 августа 2010, 18:49
0
поставилось и заработало всё на ура с первого раза, спасибо!

а не знает ли кто, как заменить стандартный менеджер файлов mcpuk на KCFinder? тот же японец сделал версию http://modxcms.com/forums/index.php/topic,50722.0.html, но пока что в связке с TinyMCE (у меня не заработало). А хотелось бы в связке с CKEditor…

avatar

yoyurec

  • 16 августа 2010, 14:38
0
avatar

Temus

  • 18 августа 2010, 04:11
0
это мегакруто! респект!
avatar

yoyurec

  • 18 августа 2010, 13:06
0
очень круто! по какому принципу обновлять ckeditor можно? сейчас смотрю есть посвежее версии. Достаточно просто переписать?
avatar

swap

  • 1 ноября 2010, 16:39
0
после установки словил баг:
не вставляло картинку в content
помогло заменить строку:

	    $cke_path = MODX_BASE_URL. 'assets/plugins/' . $params['plugin_dir'] . '/';
//		$cke_path = MODX_BASE_URL. 'assets/plugins/' . $params['plugin_dir'];
avatar

Dmi3y

  • 6 декабря 2010, 13:51

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.