Несколько дней назад стало известно, что Facebook открыл исходный код лексической библиотеки JavaScript, который предоставляет компоненты для создания расширенных веб-форм редактирования текста и текстовых редакторов для веб-сайтов и веб-приложений.
По сути, лексика движок для редактирования текста, платформа для создания многофункциональных веб-редакторов. В то же время мы считаем, что пользователям не нужно переписывать одну и ту же функциональность форматированного текста снова и снова с каждой реализацией. Lexical предоставляет набор отдельных модульных пакетов, которые можно использовать для добавления общих функций, таких как списки, ссылки и таблицы.
Отличительными чертами библиотеки являются простота интеграции в сайты, компактный дизайн, модульность и поддержка для инструментов для людей с ограниченными возможностями, таких как программы чтения с экрана.
Lexical — это расширяемый фреймворк веб-текстового редактора JavaScript с упором на надежность, доступность и производительность. Lexical стремится предоставить лучшие в своем классе возможности для разработчиков, чтобы вы могли легко создавать прототипы и создавать функции с уверенностью. В сочетании с расширяемой архитектурой Lexical позволяет разработчикам создавать уникальные возможности редактирования текста, масштабируемые по размеру и функциональности.
О лексическом
Библиотека предназначен для простого подключения и не зависит от внешних веб-фреймворков, но он предоставляет готовые привязки для легкой интеграции с платформой React.
Чтобы использовать Lexical, вы просто привязываете экземпляр редактора к редактируемому элементу, после чего в процессе редактирования вы можете управлять состоянием редактора посредством обработки команд и событий. Библиотека позволяет пользователю в любой момент отслеживать состояния редактора и отражать изменения в DOM на основе расчета различий между состояниями.
Вы можете создавать формы для ввода простого текста без разметки, а также создавать интерфейсы для визуального редактирования документов, которые напоминают текстовые процессоры и предоставляют такие функции, как вставка таблиц, изображений и списков, управление шрифтами и управление выравниванием текста.
Разработчик имеет возможность переопределить поведение редактора или подключить контроллеры для реализации нестандартного функционала.
Из функции, которые выделяются из Lexical, упоминаются следующие:
- Lexical состоит из экземпляров редактора, прикрепленных к одному редактируемому элементу содержимого. Набор состояний редактора представляет текущее и ожидающее состояние редактора в данный момент времени.
- Lexical предназначен для всех. Он следует лучшим практикам, установленным в WCAG, и совместим со средствами чтения с экрана и другими вспомогательными технологиями.
- Лексический минимум. Он не касается напрямую компонентов пользовательского интерфейса, панелей инструментов или функций форматированного текста и уценок. Логика для этих функций может быть включена через интерфейс плагина.
Основная структура библиотеки содержит минимально необходимый набор компонентов, функциональность которых расширяется за счет подключения плагинов. Например, через плагины можно подключить дополнительные элементы интерфейса, панели, инструменты визуального редактирования в режиме WYSIWYG, поддержку формата Markdown или компоненты для работы с определенными типами контента, такими как списки и таблицы.
В виде плагинов также доступны такие функции, как автозаполнение ввода, ограничение максимального размера вводимых данных, открытие и сохранение файлов, прикрепление заметок/комментариев, голосовой ввод и т.д.
Наконец, стоит упомянуть, что в настоящее время Lexical в настоящее время находится в разработке рано, а API и пакеты, вероятно, будут меняться довольно часто. Код написан на JavaScript и распространяется под лицензией MIT.
Было подготовлено несколько демонстраций интерактивный, чтобы ознакомиться с возможностями библиотеки, и вы можете проконсультироваться с одним из нихs по следующей ссылке.
Если вы хотите узнать об этом больше, вы можете проконсультироваться с подробности по следующей ссылке.