Кілька днів тому З'явилася новина про те, що Facebook відкрив бібліотеку Lexical JavaScript, який надає компоненти для створення розширених веб-форм для редагування тексту та текстових редакторів для веб-сайтів і веб-програм.
По суті, лексичний є двигун для редагування тексту, платоформа для створення багатофункціональних веб-редакторів. У той же час ми вважаємо, що користувачам не доведеться переписувати ту саму функціональність форматованого тексту знову і знову з кожною реалізацією. Lexical надає набір окремих модульних пакетів, які можна використовувати для додавання загальних функцій, таких як списки, посилання та таблиці.
Відмінними якостями бібліотеки є простота інтеграції в сайти, компактний дизайн, модульність і підтримка для інструментів для людей з обмеженими можливостями, таких як програми зчитування з екрана.
Lexical — це розширювана структура веб-текстового редактора JavaScript з акцентом на надійність, доступність та продуктивність. Lexical має на меті забезпечити найкращий у своєму класі досвід розробника, щоб ви могли легко створювати прототип і впевнено створювати функції. У поєднанні з високорозширюваною архітектурою Lexical дозволяє розробникам створювати унікальні можливості редагування тексту, які масштабуються за розміром і функціональністю.
Про лексичний
Бібліотека є розроблений для легкого підключення і не залежить від зовнішніх веб-фреймворків, але він надає готові прив’язки для легкої інтеграції з фреймворком React.
Щоб використовувати Lexical, ви просто прив’язуєте екземпляр редактора до редагованого елемента, після чого під час процесу редагування ви можете контролювати стан редактора за допомогою команд і обробки подій. Бібліотека дозволяє користувачеві в будь-який момент відстежувати стани редактора і відображати зміни в DOM на основі обчислення відмінностей між станами.
Ви можете створювати форми для введення простого тексту без розмітки, а також створювати інтерфейси для візуального редагування документів, які нагадують текстові процесори та забезпечують такі функції, як вставка таблиць, зображень і списків, маніпулювання шрифтами та контроль вирівнювання тексту.
Розробник має можливість змінити поведінку редактора або підключіть контролери для реалізації нетипової функціональності.
З особливості, які виділяються з лексичних, зазначено наступне:
- Лексичний складається з екземплярів редактора, які приєднані до одного елемента вмісту, який можна редагувати. Набір станів редактора представляє поточний і очікуваний стани редактора в певний момент часу.
- Лексика розрахована на всіх. Він відповідає найкращим практикам, встановленим у WCAG, і сумісний із програмами зчитування з екрана та іншими допоміжними технологіями.
- Лексичність мінімальна. Він не стосується безпосередньо компонентів користувальницького інтерфейсу, панелей інструментів або функцій форматованого тексту та розміток. Логіку для цих функцій можна включити через інтерфейс плагіна
Основна структура бібліотеки містить мінімально необхідний набір компонентів, функціональність яких розширюється за рахунок підключення плагінів. Наприклад, за допомогою плагінів можна підключити додаткові елементи інтерфейсу, панелі, інструменти для візуального редагування в режимі WYSIWYG, підтримку формату Markdown або компоненти для роботи з певними типами контенту, такими як списки та таблиці.
У формі плагінів також доступні такі функції, як автозавершення введення, обмеження максимального розміру вхідних даних, відкриття та збереження файлів, вкладення нотаток/коментарів, голосове введення тощо.
Наостанок варто згадати про це в даний час Lexical в даний час розробляється рано, і API та пакети, ймовірно, будуть змінюватися досить часто. Код написаний на JavaScript і поширюється за ліцензією MIT.
Було підготовлено кілька демонстрацій інтерактивний, щоб ознайомитися з можливостями бібліотеки, і ви можете звернутися до одного з нихs у наступному посиланні.
Якщо ви хочете дізнатись більше про це, ви можете проконсультуватися з подробиці за наступним посиланням.