draft-js-plugins

Если вы разрабатываете React-приложения и используете фреймворк Draft.js от Facebook, то draft-js-plugins — это настоящий маст-хэв. По сути, это набор готовых и качественных плагинов, которые позволяют быстро превратить простой текстовый ввод в полноценный rich text editor.

Зачем писать всё с нуля, если можно просто подключить нужные функции? В комплекте есть всё, к чему привыкли пользователи современных веб-сервисов: от выбора эмодзи и системы упоминаний пользователей до поддержки стикеров, работы с изображениями и удобных панелей форматирования. Приятный бонус — всё это отлично работает и на десктопах, и на мобильных устройствах, а также учитывает требования accessibility для экранных дикторов.

Архитектура здесь максимально гибкая. Вы сами решаете, что добавить в свой редактор: например, можно прикрутить боковую панель для выравнивания текста или настроить drag-and-drop для картинок. На сайте есть классное демо — UnicornEditor. Это пример того, как работает связка из множества плагинов: в итоге получается интерфейс, очень похожий на текстовые поля в Slack или Facebook. Видно, что авторы сосредоточились на UX, чтобы компоненты выглядели polished и органично вписывались в интерфейс сразу после установки.

Инструмент в первую очередь ориентирован на frontend и React разработчиков. Он будет незаменим, если вы создаете соцсеть, таск-менеджер, кастомную CMS или любое приложение, где пользователям нужно форматировать текст, тегать коллег и добавлять медиаконтент. С draft-js-plugins вы экономите уйму времени и даете пользователям привычный, функциональный редактор, который просто работает.