Noen dager siden Nyheten kom om at Facebook har åpnet Lexical-biblioteket JavaScript, som gir komponenter for å lage avanserte tekstredigeringsnettskjemaer og tekstredigerere for nettsteder og nettapplikasjoner.
I hovedsak er Lexical en tekstredigeringsmotor, en platform å lage funksjonsrike nettredaktører. Samtidig mener vi at brukere ikke skal måtte skrive om den samme rik tekst-funksjonaliteten om og om igjen med hver implementering. Lexical avslører et sett med individuelle modulære pakker som kan brukes til å legge til vanlige funksjoner som lister, lenker og tabeller.
De særegne kvalitetene til biblioteket er enkel integrering på nettsteder, kompakt design, modularitet og støtte for verktøy for funksjonshemmede, for eksempel skjermlesere.
Lexical er et utvidbart JavaScript-netttekstredigeringsrammeverk med vekt på pålitelighet, tilgjengelighet og ytelse. Lexical tar sikte på å gi en utvikleropplevelse av klassen best, slik at du enkelt kan prototyper og bygge funksjoner med selvtillit. Kombinert med en svært utvidbar arkitektur, gjør Lexical utviklere i stand til å skape unike tekstredigeringsopplevelser som skaleres i størrelse og funksjonalitet.
Om Lexical
Biblioteket er designet for å være enkelt å koble til og er ikke avhengig av eksterne nettrammeverk, men det gir ut-av-boksen bindinger for enkel integrasjon med React-rammeverket.
For å bruke Lexical binder du ganske enkelt en forekomst av editoren til elementet som redigeres, hvoretter du under redigeringsprosessen kan kontrollere tilstanden til editoren gjennom kommando- og hendelsesbehandling. Biblioteket lar brukeren være i stand til å holde styr på tilstandene til redaktøren når som helst og reflektere endringene i DOM basert på beregningen av forskjellene mellom tilstandene.
Du kan lage skjemaer for å skrive inn ren tekst uten markering, samt lage grensesnitt for visuell dokumentredigering som ligner tekstbehandlere og gir funksjoner som å sette inn tabeller, bilder og lister, manipulere fonter og kontrollere tekstjustering.
Utvikleren har muligheten til å overstyre oppførselen til redaktøren eller koble til kontrollere for å implementere atypisk funksjonalitet.
Av funksjoner som skiller seg ut fra Lexical, er følgende nevnt:
- Lexical består av redaktørforekomster som er knyttet til et enkelt redigerbart innholdselement. Et sett med redaktørtilstander representerer gjeldende og ventende tilstander til redaktøren på et gitt tidspunkt.
- Lexical er designet for alle. Den følger beste praksis etablert i WCAG og er kompatibel med skjermlesere og andre hjelpeteknologier.
- Leksikalsk er minimal. Den tar ikke direkte opp brukergrensesnittkomponenter, verktøylinjer eller rik tekstfunksjoner og markeringer. Logikken for disse funksjonene kan inkluderes via et plugin-grensesnitt
Det grunnleggende rammeverket for biblioteket inneholder det minste nødvendige settet med komponenter, hvis funksjonalitet utvides gjennom tilkobling av plugins. Gjennom plugins kan du for eksempel koble til ekstra grensesnittelementer, paneler, verktøy for visuell redigering i WYSIWYG-modus, støtte for Markdown-formatet eller komponenter for å jobbe med visse typer innhold, som lister og tabeller.
I form av plugins er funksjoner som autofullføringsinntasting, begrense maksimal størrelse på inngangsdata, åpne og lagre filer, legge ved notater/kommentarer, stemmeinndata osv. også tilgjengelig.
Til slutt er det verdt å nevne det for tiden er Lexical under utvikling tidlig, og API-ene og pakkene vil sannsynligvis endres ganske ofte. Koden er skrevet i JavaScript og distribueres under MIT-lisensen.
Det er forberedt flere demonstrasjoner interaktiv for å bli kjent med mulighetene til biblioteket, og du kan konsultere en av dems i følgende lenke.
Hvis du vil vite mer om det, kan du konsultere detaljer i følgende lenke.