Få dage siden nyheden brød ud, at Facebook har åbnet kildekode til Lexical-biblioteket JavaScript, som giver komponenter til at skabe avancerede tekstredigeringswebformularer og teksteditorer til websteder og webapplikationer.
I bund og grund er leksikalsk en tekstredigeringsmotor, en platform at skabe funktionsrige webredaktører. Samtidig mener vi, at brugerne ikke skal omskrive den samme rich text-funktionalitet igen og igen med hver implementering. Lexical afslører et sæt individuelle modulære pakker, der kan bruges til at tilføje fælles funktioner som lister, links og tabeller.
Bibliotekets karakteristiske kvaliteter er nem integration på websteder, kompakt design, modularitet og support til værktøjer til mennesker med handicap, såsom skærmlæsere.
Lexical er en udvidelsesbar JavaScript-webtekstredigeringsramme med vægt på pålidelighed, tilgængelighed og ydeevne. Lexical har til formål at give en klassens bedste udvikleroplevelse, så du nemt kan prototype og bygge funktioner med tillid. Kombineret med en meget udvidelsesbar arkitektur gør Lexical udviklere i stand til at skabe unikke tekstredigeringsoplevelser, der skaleres i størrelse og funktionalitet.
Om Lexical
Biblioteket er designet til at være let at forbinde og ikke afhængig af eksterne web-rammer, men det giver out-of-the-box bindinger for nem integration med React frameworket.
For at bruge Lexical binder du blot en instans af editoren til det element, der redigeres, hvorefter du under redigeringsprocessen kan kontrollere editorens tilstand gennem kommando- og hændelsesbehandling. Biblioteket giver brugeren mulighed for at holde styr på editorens tilstande til enhver tid og afspejle ændringerne i DOM baseret på beregningen af forskellene mellem tilstandene.
Du kan oprette formularer til indtastning af almindelig tekst uden opmærkning, samt oprette grænseflader til visuel dokumentredigering, der ligner tekstbehandlingsprogrammer og giver funktioner såsom indsættelse af tabeller, billeder og lister, manipulation af skrifttyper og kontrol af tekstjustering.
Udvikleren har mulighed for at tilsidesætte editorens adfærd eller tilslut controllere for at implementere atypisk funktionalitet.
Af funktioner, der skiller sig ud fra Lexical, er følgende nævnt:
- Lexical består af editor-forekomster, der er knyttet til et enkelt redigerbart element af indhold. Et sæt editortilstande repræsenterer redaktørens aktuelle og ventende tilstande på et givet tidspunkt.
- Lexical er designet til alle. Den følger den bedste praksis etableret i WCAG og er kompatibel med skærmlæsere og andre hjælpeteknologier.
- Leksikalsk er minimal. Den adresserer ikke direkte brugergrænsefladekomponenter, værktøjslinjer eller rich text-funktioner og markdowns. Logikken for disse funktioner kan inkluderes via en plugin-grænseflade
Bibliotekets grundlæggende rammer indeholder det mindst nødvendige sæt af komponenter, hvis funktionalitet udvides gennem tilslutning af plugins. For eksempel kan du via plugins forbinde yderligere grænsefladeelementer, paneler, værktøjer til visuel redigering i WYSIWYG-tilstand, understøttelse af Markdown-formatet eller komponenter til at arbejde med visse typer indhold, såsom lister og tabeller.
I form af plugins er funktioner som autofuldførelsesinput, begrænsning af den maksimale størrelse af inputdata, åbne og gem filer, vedhæft noter/kommentarer, stemmeinput osv. også tilgængelige.
Til sidst er det værd at nævne det i øjeblikket er Lexical under udvikling tidligt, og API'erne og pakkerne vil sandsynligvis ændre sig ret ofte. Koden er skrevet i JavaScript og distribueres under MIT-licensen.
Der er forberedt flere demonstrationer interaktiv for at blive fortrolig med bibliotekets muligheder, og du kan konsultere en af dems i følgende link.
Hvis du vil vide mere om det, kan du konsultere detaljer i følgende link.