Установка pluginов в CKEditor

ckeditor Меню сборщика редактора

По моему мнению, CKEditor — один из лучших wysiwyg редакторов для сайтов. Последнее время в нем появилось много зауми для упрощения жизни пользователя, в итоге мешающей, например ACF. Как его редактировать и отключать я уже рассказывал. Но вернемся к теме нашей статьи как установить плагины на CKEditor.

Я вижу здесь два подхода.

Первый — заходим на сайт редактора и пересобираем CKeditor под себя, включая необходимые для нас плагины. Делается это следующим образом. Заходим на сайт ckeditor.com, переходим на вкладку download. Далее выбираем Or let me customize CKEditor

ckeditor создание своей сборки
ckeditor создание своей сборки

Далее переходим на Customize & Download CKEditor и выбираем необходимые плагины.

Но в данном случае отображаются не все плагины. Чтобы включить какие-то новые или особенные плагины в сборку, необходимо собирать свою сборку несколько иначе. Заходим в пункт Add-ons ->Plug-ins и видим справа следующую двигающееся меню

ckeditor Меню сборщика редактора
ckeditor Меню сборщика редактора

При нажатии на кнопку add to my editor плагин добавляется в сборку. По окончании нажимаем Build my editor и заменяем наш встроенный на сайт редактор сгенерированным.

Второй подход для тех, кому самому интересно поковыряться в коде.

На сайте ckeditor.com переходим в раздел add-ons->plug-ins и нажимаем на необходимом плагине.

plugin для ckeditor
plugin для ckeditor

Выбираем Download и следуем инструкциям с сайта. В большинстве своем они либо сводятся к тому, что нужно установить зависимости к данному плагину и прописать и сам плагин в поле конфигурационного файла config.js и плагин, от которого зависит устанавливаемый через запятую, например,

config.extraPlugins = 'codemirror,youtube,imagerotate';

Далее необходимо разархивировать архив с plug-inом в папку plugins и обновить ckeditor (f5) . Наглядно процедуру установки плагина в CKeditor вы можете увидеть на данном видео:

Пролистать наверх