Введение

WYSIWYG-редактор форматированного текста

CKEditor (ранее известный как FCKeditor) – это WYSIWYG-редактор форматированного текста, позволяющий создавать контент непосредственно в веб-страницах или онлайн-приложениях. Его основной код написан на JavaScript и разработан компанией CKSource. CKEditor доступен под открытыми и коммерческими лицензиями.

FCKeditor и CKEditor 3

Первая версия CKEditor, под названием FCKeditor, была выпущена в марте 2003 года Фредерико Кальдейрой Кнаббеном, создателем редактора и бессрочным доброжелательным диктатором проекта. После превышения отметки в 3 миллиона загрузок, FCKeditor был полностью переработан и перепроектирован в CKEditor 3, с особым акцентом на производительность, доступность и новый пользовательский интерфейс.

Редактор ЦКЭ 4

В декабре 2012 года был выпущен CKEditor 4 с функцией редактирования "в строке", переформатированным исходным кодом и улучшенной производительностью DOM и CSS. Реализации на стороне сервера были удалены. Прекратил поддержку в июне 2023 года.

Редактор ЦКК 5

Через пять лет, в 2018 году, была выпущена первая стабильная версия CKEditor 5. Благодаря коду, полностью переписанному с нуля, CKEditor 5 имеет собственную модель данных и архитектуру. Редактор реализует оперативное преобразование для древовидной модели данных, а также множество других механизмов, необходимых для создания пользовательского интерфейса совместной работы в реальном времени. CKEditor 5 — это JavaScript-фреймворк, предоставляющий богатый API для разработки любых решений для редактирования. CKEditor 5 также предлагает готовые к использованию сборки редактора; в настоящее время доступно 5 сборки для скачивания: Classic, Inline, Balloon, Balloon Block и Document.

Экосистема CKEditor

В октябре 2017 года CKSource запустила экосистему CKEditor. По состоянию на 2023 год она включает следующие продукты: CKEditor 5 Builds и CKEditor 5 Framework, CKBox – автономный и интегрированный сервис загрузки и управления изображениями, а также CKEditor Cloud Services – облачная платформа с функциями редактирования и сервисами для совместной работы в реальном времени.

Особенности

CKEditor 4 обладает функциями, свойственными настольным текстовым процессорам, таким как форматирование стилей (полужирный, курсив, подчеркивание, маркированные и нумерованные списки), таблицы, блочные цитаты, вставка ссылок на веб-ресурсы, безопасная функция отмены действий, вставка изображений, вставка из Word и другие распространенные инструменты HTML-форматирования. Кроме того, в CKEditor 4 встроена функциональность проверки орфографии, предоставляемая в виде плагина компанией WebSpellChecker LLC. По умолчанию она доступна бесплатно с рекламным баннером. [6] Она проверяет орфографию текста, помечая все ошибки красной волнистой линией и предлагая пользователю выбрать одно из предложенных исправлений. В настоящее время для CKEditor 4 доступно множество плагинов для различных задач, например, CKFinder и Accessibility Checker (плагины от CKSource). CKFinder – это файловый менеджер для добавления файлов и изображений в контент, созданный в редакторах. Он совместим как с CKEditor 4, так и с CKEditor 5 и распространяется по коммерческой лицензии. Accessibility Checker доступен как под лицензией с открытым исходным кодом, так и под коммерческой лицензией.

Совместное редактирование в реальном времени

Архитектура и пользовательская модель данных CKEditor 5 позволяют реализовать совместное редактирование в реальном времени. Индивидуальное решение для совместной работы можно разработать, используя компоненты фреймворка CKEditor 5, а совместное редактирование в реальном времени можно включить, подключившись к CKEditor Cloud Services. Готовый к использованию компонент, интегрируемый без изменений и основанный на CKEditor 5 (Letters), предоставляет комплексное решение для совместного написания текстов в реальном времени.

Совместимость с браузером

CKEditor 4 полностью совместим с большинством интернет-браузеров, включая последние стабильные версии Google Chrome, Firefox, Safari, Microsoft Edge, Opera и Internet Explorer 10 и 11. В мобильных средах он обеспечивает почти полную поддержку в Safari (iOS 6+) и Chrome (Android).