Repolode
Предложить
facebook

facebook/lexical

Расширяемый фреймворк для текстовых редакторов от Meta: ядро не зависит от UI-фреймворков, доступны официальные React bindings.

Открыть на GitHubСайт
Звёзды
23,972
Форки
2,257
Открытые issues
359
Последний коммит
5 часов назад

Что это?

Lexical — фреймворк для создания собственных сценариев редактирования в веб-приложениях. Его ядро не зависит от UI-фреймворков; проект также предоставляет официальные React bindings и плагинную архитектуру для добавления поведения и пользовательских типов узлов.

Редактор хранит состояние в неизменяемой модели, которая поддерживает встроенные отмену и повтор действий. Он также умеет импортировать и экспортировать данные в JSON, Markdown и HTML и поддерживает таблицы, списки, блоки кода, изображения и пользовательские узлы. Совместное редактирование в реальном времени доступно благодаря интеграции с Yjs.

Lexical поддерживает Chrome 86+, Firefox 115+, Safari 15+ и Edge 86+. Проект написан на TypeScript и включает определения типов. В репозитории также есть приложение-песочница и примеры редакторов для обычного и форматированного текста.

Ключевые возможности

  • 01Ядро, не зависящее от UI-фреймворков, и официальные React bindings
  • 02Неизменяемая модель состояния со встроенными отменой и повтором действий
  • 03Плагинная архитектура с точками расширения
  • 04Импорт и экспорт в JSON, Markdown и HTML
  • 05Совместная работа в реальном времени через интеграцию с Yjs
  • 06Написан на TypeScript, включает определения типов

Сценарии использования

  • Добавление редактора форматированного текста в приложение на React
  • Создание пользовательского редактора с собственными типами узлов
  • Включение совместного редактирования в реальном времени в веб-приложении
  • Преобразование содержимого редактора между HTML, Markdown и JSON

Быстрый старт

  1. 1

    Установите Lexical вместе с привязками React

    npm install lexical @lexical/react
  2. 2

    Создайте редактор с помощью LexicalComposer и плагина content editable, как показано в примере React в README

Что важно знать

  • Поддерживаются только недавние версии браузеров, например Chrome 86+, Firefox 115+ и Safari 15+.

Темы

#text-editor#rich-text#react#typescript#collaboration#editor-framework#wysiwyg

Частые вопросы

Что такое lexical?
Расширяемый фреймворк для текстовых редакторов от Meta: ядро не зависит от UI-фреймворков, доступны официальные React bindings. Lexical — фреймворк для создания собственных сценариев редактирования в веб-приложениях. Его ядро не зависит от UI-фреймворков; проект также предоставляет официальные React bindings и плагинную архитектуру для добавления поведения и пользовательских типов узлов.
lexical можно использовать бесплатно? Какая у него лицензия?
lexical распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
lexical всё ещё поддерживается?
Активно поддерживается. Последний коммит в lexical — 21 окт. 2026 г..
Для чего можно использовать lexical?
Добавление редактора форматированного текста в приложение на React Создание пользовательского редактора с собственными типами узлов Включение совместного редактирования в реальном времени в веб-приложении Преобразование содержимого редактора между HTML, Markdown и JSON
Как установить lexical?
Установите Lexical вместе с привязками React: npm install lexical @lexical/react Создайте редактор с помощью LexicalComposer и плагина content editable, как показано в примере React в README
Где скачать lexical?
Исходный код и инструкции по установке — на GitHub: https://github.com/facebook/lexical

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты