Я долгое время искал подходящий WISIWIG-редактор, который бы можно смело ставить на клиентские сайты в админ-панель для набора статей. Перепробовал уйму разных, но всегда оставался недоволен их работой.

И вот недавно я нашел самый идеальный из них – это WISIWIG-редактора CKEdit, который почему-то всегда обходил стороной.

Вступительная часть

Я думаю, что ни у кого из web-разработчиков не возникнет вопроса: «Использовать или нет WISIWIG-редактор для пользовательского интерфейса?» Уже, наверное, все понимают важность удобного и понятного интерфейса для конечного пользователя.

Я долгое время использовал для этих целей TinyMCE, который помогал заказчикам набирать и публиковать статьи. Несомненно, TinyMCE – это очень гибкий и продвинутый инструмент и вообще очень крутая штука, но с большими возможностями приходят и дополнительные проблемы. Лично меня раздражал тот html-мусор, который формирует этот редактор. Для меня, как для разработчика, это неприемлемо, поэтому продолжив поиски я нашел Wymeditor. Этот редактор можно назвать идеальным, но почему-то он со временем начинал глючить и возникали они скорее всего из-за того, что он так и не вышел из статуса Беты.

Подметил, что каждый начинающий программист с самого начала ищет только простые решения, который бы полностью выполняли его задачи и просто разворачивались. Чуть повзрослев в профессиональном плане он начинает искать более простые и надежные решения, которые бы было не стыдно использовать. Так и у меня, начав с тяжелого TinyMCE, с кучей дополнительных плагинов, окончил достаточно простым CKEdit. Использовал бы Wymeditor, но beta есть beta.

Установка CKEdit в Textpattern

Пока я использую CKEdit только в админ-панели TXP для более простого добавления новых материалов. поэтому речь ниже пойдет именно о таком добавление. Если нужно просто интегрировать CKEdit в конкретную html-форму, то на официальном сайте все подробненько расписано.

«Волшебное слово», после которого CKEdit будет работать в админ-панели TXP – это плагин joh_admin_ckeditor. К большому сожалению найти этот плагин на официальной странице разработчика не представляется возможным, поэтому я выкладываю этот плагин у себя на блоге.

Внедряем CKEdit в админ-панель своего сайта

1. Качаем плагин отсюда – joh_admin_ckeditor_v0.1.txt.zip
2. Устанавливаем его стандартным способом и незабываем активировать.
3. Загружаем последнюю версию CKEdit с официального сайта. Обычно это самый верхний архив на странице.
4. Распаковываем и перемещаем все файлы в директорию на сервере /textpattern/ckeditor/. Хочу обратить внимание, что файл ckeditor.js должен находиться строго в вышеуказанной директории.
5. После этого заходим в админ-панель сайта и лицезреем красивые кнопочки в заглавии с формой Тело и Выдержка.

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

P.S. Статьи, которые еще раньше были написаны, с использованием textile придется переписывать либо в html вручную, либо взять готовый хтмл-код из mysql-базы сайта (это для знающих конечно).

P.S.S. Настройка CKEdit заслуживает отдельной статьи и чтобы не мешать все в одну кучу, напишу подробнейшую статью в другой раз. Обещаю.