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

Как бы это ни было странным, но сначала надо его скачать 🙂

На выбор даются предустановленные конфигурации.

Basic — минимальный набор для форматирования.

Standard — немного расширенный набор с возможностью вставки из Word.

Full — максимальная сборка из представленных на сайте.

Customize — предлагает самостоятельно собрать панель инструментов, довольно удобная функция даже если ты не понимаешь какой плагин, что делает.

Я решил скачать Full и посмотреть что же там входит в этот набор.

Архив надо распаковать у себя в проекте или на сайте, где будет удобно

Например можно закинуть в папку /plugins/ckeditor — типа того.

На странице, где я хочу разместить редактор я сделал форму, в которой редактирую некую запись и по кнопке «сохранить» она обновляется в базе.

Панель инструментов несколько меньше чем из коробки. Я дальше покажу, как убрать лишнее. На зачеркнутые иконки не обращайте внимание, это отдельно установленные плагины — расширения для редактора. Тема заслуживает отдельного поста с инструкцией.

Что я вижу на странице вывода записи…

Теперь немного о том, что он уже может

Кое-что уже может, для многих этого бы достаточно, думаю.

Заголовок, размер текста, формат шрифта, цвет и фон шрифта, вставка айфрейма, смайлы, спецсимволы и многое другое еще скрыто из моей текущей панели

А вот так выглядит вся панель из пакета Full

Как убрать лишнее в тулбаре CKEditor?

На самом деле не сложно. Надо пройти по ссылке в браузере

http://адрес_сайта/plugins/ckeditor/samples/index.html 

— место куда разархивировано приложение. Откроется страница редактирования. На главной странице можно проверить, как работает каждый элемент тулбара. А на странице TOOLBAR CONFIGURATOR можно изменить всю панель инструментов.

Снять галочку с элемента, и он не будет отображаться в тулбаре. Есть возможность перемещать порядок, добавлять разделители.

После, настройки будет доступна конфигурация текущей панели инструментов по клику Get toolbar config.

Весь полученный код надо вставить в файл

http://адрес_сайта/plugins/ckeditor/config.php

Вроде по настройке и подключению все рассказал 🙂