Содержание

Лучшие WYSIWYG-редакторы — База Знаний Timeweb Community

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

Сделаю небольшое отступление по поводу WYSIWYG: эта аббревиатура расшифровывается как What You See Is What You Get. Речь идет о типе редакторов, отображающих создаваемый контент в том виде, в котором он по итогу будет размещен на странице или в приложении, без необходимости делать дополнительные преобразования и обработку данных.

Editor.js

Бесплатный блочный редактор контента, который можно легко встроить на любой существующий сайт и использовать по умолчанию без ограничений.

Контент, вводимый в редактор, поддерживает блочную структуру, что многим пользователям покажется наиболее привычным и удобным способом отображения информации (схожим с таковым в других WYSIWYG-редакторах, наподобие того же Gutenberg в WordPress).

В отличие от большинства других WYSIWYG-редакторов, информацию из Editor.js можно экспортировать в JSON-формате, а затем конвертировать для использования на веб-страницах, в мобильных приложениях или даже для преобразования в аудио.

Редактор предлагает разработчикам доступ к большому количеству API, с помощью которых можно значительно расширить функциональность Editor.js или добавить поддержку сторонних сервисов. Например, добавить новый тип блоков, который содержит в себе не только текст и медиаконтент, но и сниппет с твитом, интерактивное голосование или пост из Инстаграма.

Скачать Editor.js 

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Slate

Утилита для работы с текстом, полностью написанная на JavaScript и подключаемая к сторонним ресурсам в качестве альтернативы малофункциональному тегу <textarea>.

Slate умеет все, что необходимо уметь подобному приложению:

  • В нем можно редактировать и форматировать большие объемы текста.
  • Есть поддержка чеклистов и списков разных форматов.
  • Помимо текста, Slate также поддерживает изображения.
  • В текстовое поле можно закрепить ролик с YouTube или пост из Инстаграма.
  • Slate может распознать другой HTML-контент и не создает проблем с совместимостью при экспорте текста в другие приложения.
  • Имеется подсветка кода и подсветка результатов поиска.
  • Есть полноценная поддержка таблиц.

На самом деле, возможностей у Slate намного больше. Есть режим только для чтения, исчезающая панель управления, не отвлекающая от работы с текстом, полная поддержка формата Rich Text, возможность использовать сочетания клавиш из популярных Markdown-редакторов и т.п.

Скачать Slate (приложение подключается вручную)

tiptap

Схожий со Slate WYSIWYG-редактор с одним значимым отличием – он создавался для работы исключительно с фреймворком Vue (и, по сути, является набором компонентов в соответствующем формате).

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

tiptap поддерживает работу со списком задач. Без проблем распознает ссылки. В дополнение к тексту может вставлять картинки и таблицы. А тот, кто планирует внедрять tiptap на сайт, посвященный программированию, по достоинству оценит наличие подсветки синтаксиса языков программирования.

Введенный в tiptap текст можно экспортировать в формате HTML или JSON. Но что еще интереснее, в нем есть поддержка расширения для совместной работы над текстовым материалом в реальном времени. Как Teletype в знаменитом текстовом редакторе Atom.

Скачать tiptap (устанавливается вручную или через пакетный менеджер NPM)

Dante Editor

Очередная попытка создать клон редактора из популярной блог-платформы Medium. Разработчики сделали еще один похожий продукт ввиду отсутствия подходящей альтернативы.

Dante Editor отличается от конкурентов тем, что содержит в себе всю ту же функциональность, что есть в оригинале. Этот редактор стал попыткой воспроизвести все возможности WYSIWYG из Medium в новом бесплатном продукте.

Dante даже визуально похож на то, что предлагает Medium. Он поддерживает современные браузеры, способен отображать все варианты форматирования, доступные в оригинальном редакторе. Проект развивается исключительно за счет разработчиков-волонтеров и сообщества независимых программистов. По словам создателей, он будет активно развиваться и обрастать новыми возможностями.

Редактор подключается через JavaScript, встраивается в веб-страницу с помощью ID с названием editor и моментально превращается в полноценный редактор со всеми возможностями, что есть у Medium.

Скачать Dante Editor

Toast Editor

Toast Editor – это редактор с продвинутой поддержкой Markdown. Toast нельзя назвать классическим WYSIWYG-редактором, потому что предпросмотр контента реализован через отдельный интерфейс.

Отличительная черта этого редактора заключается в графическом интерфейсе, который делится на две части. В левой расположено окно, куда, собственно, пишется текст с поддержкой Markdown-разметки и соответствующих тегов. В правой – превью, в котором видно, как по итогу будет выглядеть ваш текст после экспорта в HTML.

Контент в окне «Превью» обновляется автоматически и динамически меняется при скроллинге страницы. В дополнение к этим возможностям есть подсветка синтаксиса, помогающая находить ошибки и некорректную разметку.

Toast поддерживает различные форматы данных, включая таблицы, блоки с программным кодом и ссылки. Есть и дополнительные модули в духе графиков и схем (их поддержка в редакторе добавляется с помощью плагинов).

Скачать Toast Editor

TinyMCE Editor

Разработчики называют TinyMCE полноценным HTML-редактором, но он не совсем таковым является. Это модульная система для интеграции блоков контента в уже готовые сайты. Она подключается к ресурсам через скрипт со ссылкой на CDN-сервер, где хранятся данные TinyMCE, и дает возможность добавлять на ресурс текстовые материалы вперемешку с другой информацией.

TinyMCE Editor легко интегрируется с популярными фреймворками в духе React, Angular, Vue.js, Bootstrap и jQuery, буквально встраиваясь в их интерфейс в виде нативного программного обеспечения.

Одной из ключевых особенностей продукта, которую выделяют разработчики, является адаптивность. Редактор TinyMCE изначально создавался с прицелом на мобильные устройства и легкую расширяемость (при необходимости). Встроенный редактор можно «прокачать» с помощью плагинов из официальной галереи. Они помогают находить ошибки, быстро редактировать контент и оформлять его в соответствии со своими представлениями о красоте. Один из плагинов позволяет настроить коллаборацию между несколькими пользователями в реальном времени для анализа текстов и их дополнения перед публикацией.

Скачать TinyMCE Editor 

Draft.js

WYSIWYG-редактор, разработанный специально для фреймворка React и включающий в себя набор всех необходимых инструментов для работы с текстом.

У Draft довольно аскетичный интерфейс, отображающий только необходимые элементы в текстовом виде без лишних иконок и прочих отвлекающих визуальных эффектов.

Как и в случае с другими подобными редакторами, контент отображается в виде блоков. Каждый блок содержит определенный тип данных. Это может быть как текст, так и медиаконтент.

Draft исповедует базовые принципы React и строго следует им. Поэтому он легко интегрируется в приложения, созданные с использованием этого фреймворка, а технические аспекты, касающиеся рендеринга или ввода и вывода текста, возводит в абстракцию. Доступ к функциям Draft осуществляется через хорошо задокументированное API. А еще, чтобы избежать утечек памяти и проблем в производительности редактора, здесь используется immutable-js, что выгодно отличает его от конкурентов.

Скачать Draft.js (устанавливается через NPM)

Froala

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

Особенностью Froala стал продвинутый WYSIWYG-редактор. Создатели Froala называют его самым умным и красивым среди всех существующих. Он порадует высокой производительностью и интуитивным дизайном, в котором легко разобраться даже новичкам.

Для расширения функциональности будущего сайта используются блоки с визуальным контентом на основе Bootstrap. Дополнительные компоненты имеют открытый исходный код и распространяются бесплатно. Также в Froala есть инструменты для быстрого рисования таблиц и схем на базе JavaScript.

Что важно, все компоненты Froala созданы с использованием «чистых» HTML, CSS и JavaScript. То есть их можно редактировать, используя классические инструменты для разработки и верстки.

Начать использовать Froala

CKEditor 4

CKEditor поддерживает перенос текста из других редакторов, таких как Word, Google Docs или Excel, в первостепенном виде. Из Excel можно вытащить всю таблицу, а CKEditor корректно отобразит каждую колонку и позволит редактировать информацию в них.

Редактор по умолчанию позволяет вставлять в текст фотографии, видеоролики, сниппеты с твитами, постами из Инстаграма. Также поддерживаются виджеты, математические формулы и вставка кода с подсветкой. Для CKEditor разработано с десяток плагинов, помогающих автоматически завершить часть текста или заменить его другим контентом.

Все материалы можно редактировать, меняя их размер, положение и другие параметры (дело не ограничивается только текстом). И все это с огромным количеством инструментов для форматирования текста, проверкой орфографии и функцией «Шаблоны», дающей возможность быстро создавать новые материалы, не тратя время на их оформление. 

Скачать CKEditor (можно загрузить в систему, а можно подключить через CDN)

Итоги

На GitHub лежит еще пара десятков похожих редакторов, и их количество растет. Так что разжиться WYSIWYG-редактором сейчас несложно. Описанные выше варианты показались мне наиболее интересными. К тому же большая их часть легко подключается к готовым проектам и распространяется бесплатно. Пробуйте и внедряйте!

Краткий список WYSIWYG редакторов / Хабр

Однажды мне потребовался WYSIWYG редактор, я помнил как он выглядит, его функции, но не помнил названия. Через 45 минут я все же его нашел… Тогда я поставил перед собой задачу помочь многим, в том числе и себе: сделать сводный список всех чуть более известных WYSIWYG редакторов.

Вступление

Данный топик представляет собой обширный список визуальных редакторов, почти или частично пригодных для использования. Цель, которой я руководствовался, заключался в том, чтобы систематизировать существующие данные, разбросанные по интернету.

TinyMCE


Один из самых распространенных визуальных редакторов, обладает недюжинным функционалом. Есть множество дополнений, по умолчанию установлено множество плагинов.
(Браузеры: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[Официальный сайт | Демо]

CKeditor


Полный аналог TinyMCE.
(Браузеры: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)


[Официальный сайт]

CLEditor


Незамысловатый визуальный редактор, особенных функционалом не балует. Но сделан вполне добротно, качественно реализованы все функции.
(Браузеры: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт]

NicEdit


Редактор очень похож на CLEditor. Обладает стандартным функционалом.
(Браузеры: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт]

elRTE


Очень качественный визуальный редактор. Обладает широким функционалом. Сделан очень качественно.
(Браузеры: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[Официальный сайт | Демо]

Spaw


Очень средний визуальный редактор. Обладает стандартным функционалом.
(Браузеры: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт | Демо]

Xinha


Неплохой визуальный редактор, отличительная особенность — множество встроенных action’ов. Т.е. настроить его под свои нужды не составит трудностей.
(Браузеры: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Официальный сайт | Демо]

Imperavi (Платный)


Достаточно милый редактор, функционал не большой, но его вполне хватает. Существует ряд ошибок связанных с переходом от html к визуальному редактору и обратно. (убираются align’ы) Важно заметить, что Imperavi работает как плагин к JQuery.
Имеется неплохая документация.

(Браузеры: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[Официальный сайт | Демо]

Markitup


Markitup больше похож на удобный редактор html, который больше подойдет профессионалу, нежели рядовому пользователю. Но если вы знаете html, то он может оказаться вполне удобным.
(Браузеры: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[Официальный сайт | Демо]

Aloha Editor


Неплохой редактор, очень удобен. Однако существует огромный минус, который затмевает почти все плюсы — это отказ от поддержки старых и не очень браузеров (доступны только последние версии браузеров).

(Браузеры: Требуется поддержка HTML5, Opera не поддерживается)
[Официальный сайт | Демо]

Mercury editor


Mercury представляет собой цельную веб-страницу, и может быть использован для редактирования целой страницы или отдельных определенных областей. Он поддерживает функцию предварительного просмотра отредактированного содержимого, а также размещение ссылок, изображений, видео и таблиц. Загрузка файлов может быть осуществлена посредством интерфейса drag’n’drop.

Редактор также поддерживает совместную работу нескольких человек. Mercury может быть установлен в качестве отдельного Rails, либо за счет внедрения в код страницы. (Требуется JQuery)
И минус в том, что поддерживаются только следующие браузеры: Chrome 10+, Safari 5+, Firefox 4+.
[Официальный сайт | Демо на главной странице]

YUI Rich Text Editor


Визуальный редактор от Yahoo. Как справедливо заметил sdevalex, один из лучших визуальных редакторов. Обладает исчерпывающим функционалом, поддерживает подавляющим большинством браузеров.
[Демо]

MooEditable


Набор функций сильно ограничен, однако порой больше и не требуется.
[Демо]

OpenWysiwyg


Кросс-браузерный полноценный редактор со всеми требуемыми функциями. Он даже включает в себя привлекательные выпадающие меню и кнопки. К сожалению, Chrome не будет поддерживать его.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ and Netscape 7+)
[Официальный сайт | Демо]

html-5-wysiwyg


Визуальный редактор на HTML5 со всеми вытекающими из этого последствиями. По большей части, редактор является демонстрацией возможностей HTML-5, нежели готовым продуктом.

(Как следует из названия, требуется поддержка HTML5)
[Страничка на code.google.com]

jWysiwyg


Леговесный плагин для jquery.
[Официальный сайт | Демо]

Реформатор


Визуальный редактор от студии Артемия Лебедева.
[Официальный сайт | Демо]

Итог

Надеюсь топик окажется вам полезным. Если вы нашли, что какой-либо визуальный редактор отсутствует, всенепременно напишите мне об этом, я буду вам очень благодарен.

UPD 0: поправил название
UPD 1: дополнил описание YUI Rich Text Editor (спасибо sdevalex).
UPD 2: добавил jWysiwyg (спасибо mr47).
UPD 3: добавил Реформатор (спасибо kuber).
UPD 3: добавил Реформатор (спасибо kuber).
UPD 4: исправлено: Imperavi стал платным

P.S: 1. если какой не назвал, пишите, исправлю. 2. Если топик не актуален, напишите, уберу.

Особенности | Полный список функций самого продвинутого в мире редактора форматированного текста

Core

Все функции, включенные в наш редактор с открытым исходным кодом

Расширенный список

типы пуль.

Anchor

Добавить кнопку привязки/закладки на панель инструментов, которая вставляет привязку в точку вставки курсора редактора.

Autolink

Автоматически создавать гиперссылки, когда пользователь вводит действительный и полный URL-адрес.

Автоматическое изменение размера

Автоматическое изменение размера редактора в соответствии с содержимым внутри него и предотвращение бесконечного расширения редактора.

Автосохранение

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

Карта символов

Добавить в редактор диалоговое окно с картой специальных символов Юникода, которые нельзя добавить непосредственно с клавиатуры.

Код

Добавьте кнопку на панель инструментов, которая позволяет пользователю редактировать код HTML, скрытый в представлении WYSIWYG.

Образец кода

Вставьте и внедрите фрагменты кода, выделенные цветом синтаксиса, в редактируемую область.

Палитра цветов

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

Контекстное меню

Добавляет настраиваемое контекстное меню по щелчку правой кнопкой мыши, которое теперь является частью ядра редактора в TinyMCE 5.

Направленность

Добавьте элементы управления направленностью на панель инструментов и включите TinyMCE для лучшей обработки языков, написанных справа налево.

Смайлики

Вставьте смайлики в редактируемую область TinyMCE. Набор эмодзи по умолчанию можно расширить или переопределить.

Полноэкранный режим

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

Справка

Добавьте кнопку и/или пункт меню, который показывает удобные сочетания клавиш, а также установленные плагины.

Горизонтальная линейка

Разрешить пользователю вставлять горизонтальную линейку на страницу в точке вставки курсора.

Изображение

Позволяет пользователю вставлять изображение в редактируемую область с множеством параметров настройки.

Импорт CSS

Добавлена ​​возможность автоматического импорта классов CSS из файла CSS, указанного в параметре конфигурации content_css .

Вставить дату/время

Вставить текущую дату и/или время в редактируемую область в точке вставки курсора.

Ссылка

Позволяет пользователю связать выделенный текст в своем документе с внешними ресурсами, такими как URL-адреса веб-сайтов.

Списки

Добавление к содержимому нумерованных и маркированных списков. Добавьте плагин Advanced List для расширения функциональности.

Медиа

Добавьте видео и аудио элементы HTML5 в редактируемую область. Включает возможность предварительного просмотра встроенных видео в реальном времени.

Неразрывный пробел

Добавить кнопку для вставки неразрывного пробела   в точке вставки курсора.

Нередактируемый

Запретить конечным пользователям редактировать содержимое внутри элементов, которым назначено значение mceNonEditable класс.

Разрыв страницы

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

Вставка

Стандартные функции копирования и вставки с множеством параметров конфигурации.

Предварительный просмотр

Показать всплывающее окно с текущим содержимым в формате только для чтения с помощью кнопки предварительного просмотра на панели инструментов.

Печать

Добавьте кнопку печати на панель инструментов и пункт Печать в раскрывающееся меню Файл .

Быстрая панель инструментов

Включает компоненты пользовательского интерфейса среднего стиля, помогающие пользователям быстрее создавать контент.

Сохранить

Добавьте кнопку сохранения на панель инструментов TinyMCE с параметрами для настройки выполнения плагина.

Поиск и замена

Добавьте диалоги поиска/замены в TinyMCE, чтобы быстрее находить и заменять содержимое.

Фокус вкладок

Вкладка и выход из элемента управления TinyMCE в вашей веб-форме с параметрами конфигурации вокруг фокуса вкладки.

Таблица

Добавьте функцию редактирования таблицы с параметрами для изменения ячеек, строк и столбцов.

Шаблон

Добавлена ​​поддержка пользовательских шаблонов с множеством параметров конфигурации для выполнения этих шаблонов.

Цвет текста

Возможность настраивать цвет вашего текста была перенесена в ядро ​​редактора TinyMCE 5.

Шаблон текста

Сопоставьте специальные шаблоны в тексте и примените форматы, замените текст или выполните команды на них узоры.

Визуальные блоки

Позволяет пользователю видеть элементы блочного уровня, такие как абзацы, в редактируемой области.

Визуальные символы

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

Подсчет слов

Добавьте функцию подсчета слов и символов с помощью счетчика на правом краю строки состояния.

«Мы действительно хотели что-то, что поддержало бы сообщество из миллионов людей, где мы знали, что все было опробовано, протестировано и подтверждено».

Джастин Витц|Технический директор и соучредитель

Премиум-функции

Повышение производительности

Функции повышения производительности позволяют создателям контента создавать контент быстрее, а разработчикам — быстрее поставлять его. Доступно в версии Essential и выше.

Расширенный редактор кода

Упростите изменение HTML-кода под своим содержимым WYSIWYG прямо в TinyMCE.

Узнать больше ->
Расширенные таблицы

Поднимите свои таблицы на новый уровень с расширенными функциями сортировки и таблиц.

Подробнее ->
Изменение регистра

Быстрое переключение выделенного текста между регистром заголовка, ПРОПИСНЫМИ и строчными буквами.

Узнать больше ->
Контрольные списки

Помогите своим пользователям организовать важные задачи и повысить производительность с помощью этого универсального инструмента.

Узнать больше ->
Улучшенное редактирование изображений

Переворачивайте, поворачивайте, обрезайте, изменяйте размер и применяйте фильтры к изображениям в редакторе.

Подробнее ->
Enhanced Media Embed

Добавляйте превью мультимедиа из самых популярных источников, включая Facebook, YouTube и Spotify.

Узнать больше ->
Экспорт

Экспорт содержимого напрямую в PDF одним нажатием кнопки.

Узнать больше ->
Редактор форматов

Копировать и вставлять форматирование, например стиль и размер шрифта, из одного места содержимого в другое.

Подробнее ->
Теги слияния

Вставьте теги слияния только для чтения (также известные как токены или поля слияния) в свой контент.

Узнать больше ->
Встроить страницу

Расширьте возможности пользователей и привлеките внимание, встроив любую веб-страницу в свой контент.

Узнать больше ->
Перманентная ручка

Используется, когда необходимо многократно добавлять четко оформленный текст. Отличная экономия времени!

Узнать больше ->
PowerPaste

Чистая функция копирования/вставки для Microsoft Word, Google Docs, Excel и других популярных инструментов.

Узнать больше ->
Обложки и пакеты значков

Быстро адаптируйте пользовательский интерфейс редактора к популярным системам дизайна. Bootstrap, Microsoft Fluent, Material Design и многое другое.

Узнать больше ->
Содержание

Создание оглавления из заголовков содержимого до девяти уровней в глубину.

Узнать больше ->
Премиум-функции

Соответствие

Соответствие требованиям, когда закон и бренд не могут отойти на второй план. Доступно в версии Professional и выше.

Средство проверки доступности

Привлеките больше пользователей и убедитесь, что ваш контент соответствует стандартам WCAG и ARIA.

Подробнее ->
Автокоррекция орфографии

Исправьте очевидные (и не очень) ошибки до того, как они увидят свет.

Подробнее ->
Сноски

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

Подробнее ->
Средство проверки ссылок

Автоматически проверяйте правильность URL-адреса и никогда больше не расстраивайте своих пользователей неработающей ссылкой.

Узнать больше ->
Проверка орфографии Pro

Опечатки остались в прошлом с многоязычной проверкой орфографии и пользовательскими словарями.

Узнать больше ->

«Без Tiny нам пришлось бы полностью посвятить кого-то созданию такого инструмента, который легко мог бы стоить 100 000 долларов в год, не говоря уже о текущих расходах на обслуживание дорогого инструмента.»

Крис Крири|Старший архитектор программного обеспечения

Премиум-функции

Совместная работа

Функции совместной работы обеспечивают самый современный пользовательский опыт, доступный при создании контента. Доступно в наших индивидуальных планах.

Комментарии

Улучшите совместную работу и взаимодействие в команде с помощью комментариев и цепочек обсуждений.

Узнать больше ->
Упоминания

Начать обсуждение на вашем сайте или в приложении, разрешив пользователям @упоминать других в вашем контенте.

Узнать больше ->
Совместная работа в режиме реального времени

Позвольте пользователям совместно редактировать контент в режиме реального времени. Следите за изменениями контента по мере их появления и держите всех на одной странице.

Узнать больше ->
Премиум-функции

Управление файлами

Простое управление файлами и изображениями

Tiny Drive

Легко управляйте своими файлами или изображениями и распространяйте их в облаке или на собственных серверах.

Узнать больше ->

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

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

Редактор форматированного текста для любого случая использования

CKEditor 5 позволяет пользователям создавать любой тип контента в вашем приложении, будь то документы, отчеты, электронные письма, заметки или сообщения чата.

Знакомство с продуктомЧитать документы

CKEditor — это HTML-редактор WYSIWYG, который подходит для широкого спектра вариантов использования: от документов Word с большими панелями инструментов до простых панелей инструментов с ограниченным набором функций, используемых для электронной почты или обмена мгновенными сообщениями.

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

Воспользуйтесь удобным интерфейсом и современным пользовательским интерфейсом с множеством полезных функций, таких как @упоминания, автоматическое форматирование, проверка орфографии, поддержка клавиатуры и копирование и вставка из MS Word.

Легко настраивайте и настраивайте его в соответствии с дизайном и конкретными потребностями вашего программного обеспечения. Воспользуйтесь подробными руководствами и полной документацией по более чем 1000 API.

CKEditor в цифрах

  • 19 лет

    Опыт

  • 30M+

    загрузок

  • 400+

    Артикул

  • 30.

    000+

    Клиенты

Почему CKEditor?

Более 30 000 клиентов уже доверились нам. Это дает нам прочную основу, на которой мы можем развивать редактор.

Качество

Качество программного обеспечения заложено в нашей ДНК. Мы тратим более 50% нашего времени на тестирование кода и написание документации.

Опыт

Более 19 лет опыта редактирования форматированного текста. 40+ разработчиков на борту. Более 30 миллионов загрузок и сотни миллионов пользователей по всему миру.

Support

Превосходная документация, отличная техническая поддержка и огромное сообщество Open Source, которое помогает нам улучшать программное обеспечение.

Готов к любимым технологиям разработчиков

CKEditor 5 совместим с любой инфраструктурой JavaScript. Встроенная интеграция с наиболее популярными библиотеками сэкономит вам время, деньги и усилия.