Fa pocs dies es va donar a conèixer la notícia que Facebook ha obert el codi font de la biblioteca Lexical JavaScript, que ofereix components per crear editors de text i formularis web avançats dedició de text per a llocs web i aplicacions web.
En essència, Lexical és un motor d'edició de text, Una plataforma per crear editors web rics en funcions. Alhora, creiem que els usuaris no haurien de tornar a escriure la mateixa funcionalitat de text enriquit una vegada i una altra en cada implementació. Lexical exposa un conjunt de paquets modulars individuals que es poden utilitzar per afegir característiques comunes com a llistes, enllaços i taules.
Les qualitats distintives de la biblioteca són la facilitat dintegració en els llocs, el disseny compacte, la modularitat i el suport per a eines per a persones amb discapacitat, com a lectors de pantalla.
Lexical és un marc extensible deditor de text web de JavaScript amb èmfasi en la confiança, laccessibilitat i el rendiment. Lexical té com a objectiu proporcionar la millor experiència de desenvolupador de la classe, perquè pugui crear fàcilment prototips i crear funcions amb confiança. Combinat amb una arquitectura altament extensible, Lexical permet als desenvolupadors crear experiències d'edició de text úniques que escalen en mida i funcionalitat.
Sobre Lexical
La biblioteca està dissenyada perquè sigui fàcil de connectar i no depèn de marcs web externs, però proporciona enllaços llestos per utilitzar per a una fàcil integració amb el marc React.
Per utilitzar Lexical, només cal vincular una instància de l'editor a l'element que s'està editant, després d'això, durant el procés d'edició, podeu controlar l'estat de l'editor a través del processament d'esdeveniments i ordres. La biblioteca permet a l'usuari poder fer un seguiment dels estats de l'editor en qualsevol moment i reflectir els canvis al DOM en funció del càlcul de les diferències entre els estats.
És possible crear formularis per ingressar text sense format sense marques, així com crear interfícies per a l'edició visual de documents que s'assemblen als processadors de text i brinden funcions com inserir taules, imatges i llistes, manipular fonts i controlar l'alineació del text.
El desenvolupador té la capacitat d'anul·lar el comportament de l'editor o connectar controladors per implementar una funcionalitat atípica.
De les característiques que es destaquen de Lexical, s'esmenten les següents:
- Lexical es compon d'instàncies d'editor que s'adjunten a un únic element editable de contingut. Un conjunt d‟estats de l‟editor representa els estats actuals i pendents de l‟editor en un moment donat.
- Lexical està dissenyat per a tothom. Segueix les millors pràctiques establertes a WCAG i és compatible amb lectors de pantalla i altres tecnologies dassistència.
- Lexical és mínim. No s'ocupa directament dels components de la interfície d'usuari, les barres d'eines o les funcions de text enriquit i les rebaixes. La lògica d'aquestes funcions es pot incloure mitjançant una interfície de complement
El marc bàsic de la biblioteca conté el conjunt mínim requerit de components, la funcionalitat del qual s'amplia a través de la connexió de complements. Per exemple, a través de complements, podeu connectar elements addicionals de la interfície, panells, eines per a l'edició visual en mode WYSIWYG, suport per al format Markdown o components per treballar amb certs tipus de contingut, com llistes i taules.
En forma de complements, també estan disponibles funcions com ara autocompletar entrada, limitar la mida màxima de les dades d'entrada, obrir i desar fitxers, adjuntar notes/comentaris, entrada de veu, etc.
Finalment cal esmentar que actualment Lexical es troba actualment en desenvolupament aviat i és probable que les API i els paquets canviïn amb força freqüència. El codi està escrit en JavaScript i es distribueix sota la llicència MIT.
S'han preparat diverses demostracions interactives per familiaritzar-se amb les possibilitats de la biblioteca i en pots consultar unas en el següent enllaç.
Si vols conèixer més a l'respecte, pots consultar els detalls en el següent enllaç.