Pár napja felröppent a hír, hogy a Facebook megnyitotta a Lexical könyvtár forráskódját JavaScript, amely összetevőket biztosít fejlett szövegszerkesztő webes űrlapok és szövegszerkesztők létrehozásához webhelyekhez és webes alkalmazásokhoz.
Lényegében a Lexical az szövegszerkesztő motor, egy plataform funkciókban gazdag webszerkesztők létrehozásához. Ugyanakkor úgy gondoljuk, hogy a felhasználóknak nem kellene újra és újra átírniuk ugyanazt a rich text funkciót minden egyes implementációnál. A Lexical egy sor egyedi moduláris csomagot tesz közzé, amelyekkel közös funkciók, például listák, hivatkozások és táblázatok adhatók hozzá.
A könyvtár jellegzetes tulajdonságai a a webhelyekbe való egyszerű integráció, kompakt kialakítás, modularitás és támogatás fogyatékkal élőknek szánt eszközökhöz, például képernyőolvasókhoz.
A Lexical egy bővíthető JavaScript webszövegszerkesztő keretrendszer, amely a megbízhatóságra, a hozzáférhetőségre és a teljesítményre helyezi a hangsúlyt. A Lexical célja, hogy kategóriájában a legjobb fejlesztői élményt nyújtsa, így magabiztosan készíthet prototípusokat és építhet funkciókat. A rendkívül bővíthető architektúrával kombinálva a Lexical lehetővé teszi a fejlesztők számára, hogy egyedi szövegszerkesztési élményeket hozzanak létre, amelyek mérete és funkcionalitása méretezhető.
A Lexicalról
A könyvtár az úgy tervezték, hogy könnyen csatlakoztatható legyen, és nem függ külső webes keretrendszerektől, de azonnali összerendeléseket biztosít a React keretrendszerrel való egyszerű integráció érdekében.
A Lexical használatához egyszerűen hozzá kell kötni a szerkesztő egy példányát a szerkesztett elemhez, majd a szerkesztési folyamat során parancs- és eseményfeldolgozással szabályozhatja a szerkesztő állapotát. A könyvtár lehetővé teszi, hogy a felhasználó bármikor nyomon követhesse a szerkesztő állapotait, és az állapotok közötti különbségek számítása alapján tükrözze a DOM változásait.
Létrehozhat űrlapokat egyszerű szöveg jelölés nélküli beviteléhez, valamint olyan felületeket hozhat létre a vizuális dokumentumok szerkesztéséhez, amelyek szövegszerkesztőkre hasonlítanak, és olyan funkciókat biztosítanak, mint például táblázatok, képek és listák beszúrása, betűtípusok manipulálása és a szövegigazítás szabályozása.
A fejlesztőnek lehetősége van felülbírálni a szerkesztő viselkedését vagy csatlakoztasson vezérlőket az atipikus funkciók megvalósításához.
A olyan funkciók, amelyek kiemelkednek a Lexicalból, a következőket említik:
- A Lexical olyan szerkesztőpéldányokból áll, amelyek egyetlen szerkeszthető tartalomelemhez vannak csatolva. A szerkesztői állapotok halmaza a szerkesztő aktuális és függőben lévő állapotát jelenti egy adott időpontban.
- A Lexical mindenki számára készült. Követi a WCAG bevált gyakorlatait, és kompatibilis a képernyőolvasókkal és más segítő technológiákkal.
- A Lexical minimális. Nem foglalkozik közvetlenül a felhasználói felület összetevőivel, eszköztáraival vagy formázott szöveg funkcióival és leértékeléseivel. E funkciók logikája beépíthető egy plugin interfészen keresztül
A könyvtár alapkerete tartalmazza a minimálisan szükséges komponenskészletet, amelynek funkcionalitása bővítmények csatlakozásával bővül. Például bővítményeken keresztül további felületelemeket, paneleket, WYSIWYG módú vizuális szerkesztési eszközöket, a Markdown formátum támogatását vagy bizonyos típusú tartalommal való munkavégzéshez szükséges összetevőket, például listákat és táblázatokat csatlakoztathat.
Beépülő modulok formájában olyan szolgáltatások is elérhetők, mint az automatikus kiegészítés, a bemeneti adatok maximális méretének korlátozása, a fájlok megnyitása és mentése, a megjegyzések/megjegyzések csatolása, a hangbevitel stb.
Végül érdemes megemlíteni jelenleg a Lexical fejlesztés alatt áll korán, és az API-k és a csomagok valószínűleg gyakran változnak. A kód JavaScriptben íródott, és az MIT licenc alatt kerül terjesztésre.
Több bemutatóra is készültek interaktív, hogy megismerkedjen a könyvtár lehetőségeivel, és tájékozódjon ezek közüls a következő linken.
Ha többet szeretne tudni róla, akkor keresse fel a részletek a következő linken.