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