Тестовый дизайн новой версии сайта IGD.BY         RU   |   EN
TinyMCE vs CKEditor. Что выбрать? Сравнительная таблица
Автор: Кристофер

Если речь заходит об экслюзивной разработке веб-сайтов, модулей, компонентов, создания кастомных админ-панелей, то без данных решений создателям веб-сайтов не обойтись. TinyMCE и CKEditor — это лидеры рынка в области визуальных WYSIWYG-редакторов для веб-пространства.  Функционально они процентов на 90 подобны друг другу, но и отличий много. А вот что объединяет два продукта, так это поведение на рынке, а именно: в бесплатных версиях разработчикам дается полный функционал кроме... менеджеров загрузки файлов и изображений на сервер. Эти расширения являются платными. Соотвественно, именно наличие файловых менеджеров, а также круглосуточная техническая поддержка и отличают коммерческие версии от "народных". Ограничение довольно серьезное, потому как без возможностей вставки изображений в текст, например, в админ-панелях при вводе статей не обойтись. 

В принципе, нужно сказать и о том, что есть бесплатные варианты решений загрузки изображений, это и KSFinder (бесплатный менеджер сразу для обоих редакторов, но его установка часто вызывает трудности), также стоит упомянуть Image Manager для TinyMCE, а, как вариант, есть возможность путем нехитрых манипуляций с кодом реализовать загрузку изображений для CKEditor без использования дополнительных модулей.

Если говорить о графических пользовательских интерфейсах (GUI) последних версий Tiny MCE и CKEditor, то нужно отметить, что они отличаются и довольно сильно. Тогда как TinyMCE начала делать ставку на вариант с главным верхним меню, что напоминает множество стандартных десктопных приложений, CKEditor продолжает линию панелей инструментов, базирующихся на кнопках быстрого доступа.  Такой вариант у TinyMCE был в старых версиях 3.х, в 4.x мы уже можем наблюдать новый подход, хотя для тех, кто привык к прошлым версиям есть специальная стилизация 4.x под 3.x (версия Classic). 

TinyMCE

 

CKEditor

 

Если сравнивать full-версии, то на момент написания этого сравнительного обзора у TinyMCE в качестве уникальных возможностей по сравнению с конкурентом можно отметить очистку форматирования, как для всего текста страницы, так и для выделенных фрагментов, встроенная возможность использования дизайн-шаблонов (template). Также немаловажным плюсом является то, что путем вставки и редактирования кода можно самостоятельно конфигурировать панели инструментов TinyMCE для каждой страницы отдельно. То есть, вы можете использовать один и тот же модуль для формы на форуме и у себя в админке, просто по разному составив набор подключаемых плагинов и, соотвественно, кнопок на панели инструментов. У CKEditor в отличие от TinyMCE присутствует множество чисто веб-элементов, таких как формы, поля ввода, чекбоксы, комбобоксы, кнопки, фреймы и так далее. Плюс к этому стоит отметить возможность интеграции CKEditor с довольно большим количеством платформ и языков программирования: ASP.Net, ASP, ColdFusion, PHP, Java, JavaScript, Active-FoxPro, Lasso, Perl, Python, Ruby, тогда как TinyMCE имеет дополнительные варианты только для .NET и PHP.

Итак, посмотрим на сравнительную таблицу.

Параметр TinyMCE CKEditor
Варианты бесплатных версий/комплектаций* Пользовательская (панель инструментов формируется по выбору из списка на сайте). Basic, Advansed, Classic — это разновидности отображения TinyMCE. Также стоит указать, что TinyMCE существует в двух версиях: без jQuery и c jQuery. Basic, Standart, Full, пользовательская (панель инструментов формируется по выбору из списка на сайте). Есть версии для разных платформ и языков.
Дополнительная интеграция .NET и PHP ASP.Net, ASP, ColdFusion, PHP, Java, JavaScript, Active-FoxPro, Lasso, Perl, Python, Ruby
Дополнительные модули/инструменты Плагины, виджеты Виджеты
Скины Есть редактор скинов с большим количеством настроек. Есть библиотека скинов на сайте разработчика.
Установка Стандартная: распаковка архива в папку, подключение скрипта. Стандартная: распаковка архива в папку, подключение скрипта.
Менеджеры загрузки изображений и файлов

MoxieManager

CKFinder
Бесплатные альтернативы менеджеров KSFinderImage Manager KSFinder, можно настроить, чтобы все изображения загружались в определенную папку.
Платная версия начального уровня Standard (€75). На один домен + dev Basic ($299). Один сайт или субдомен (исключая SaaS).
Платная версия среднего уровня Professional (€299). Неограниченно для одного сервера Professional ($799). До трех сайтов с неограниченным количеством субдоменов (исключая SaaS).
Платная Enterprise версия Enterprise(€599). Неограниченно Enterprise (договорная). Ограничений нет. 

* - платные версии отличаются наличием файловых менеджеров и круглосуточной техничкой поддержкой

 

Нужно сказать, что два сравниваемых продукта выдержали время очень жесткой конкуренции. Например, лет 6 назад, предложения в области WYSIWYG-редакторов исчислялись десятками. Все были похожи друг на друга, но на данный момент осталось только несколько явных лидеров. И сейчас нельзя определенно сказать, кто из них лучше. Главный плюс у TinyMCE выражается все-таки в том, что интерфейс редактора можно подстравивать под каждую страницу в отдельности. У CKEditor больший охват аудитории разработчиков. Причем в рамках этого редактора перманентно охватываются некоторые проблемные темы, например, для этого редактора разработан виджет Code Snippet, который позволяет вставлять на страницы фрагменты кода в виде подсвечиваемого текста. Также у TinyMCE и CKEditor просматривается общая тенденция: разработчики пытаются выйти за рамки обычных редакторов со вставкой текста, изображений и файлов. Внедрение темплейтов в TinyMCE и наличие элементов web-форм в CKEditor говорят уже о попытке внедрения в верстку. Что из этого получится, покажет время.