Några dagar sen nyheten kom att Facebook har öppnat Lexical-biblioteket JavaScript, som tillhandahåller komponenter för att skapa avancerade webbformulär för textredigering och textredigerare för webbplatser och webbapplikationer.
I huvudsak är Lexical en textredigeringsmotor, en plattform för att skapa funktionsrika webbredigerare. Samtidigt anser vi att användare inte ska behöva skriva om samma rich text-funktion om och om igen med varje implementering. Lexical avslöjar en uppsättning individuella modulpaket som kan användas för att lägga till vanliga funktioner som listor, länkar och tabeller.
De utmärkande egenskaperna hos biblioteket är enkel integration på webbplatser, kompakt design, modularitet och support för verktyg för personer med funktionsnedsättning, till exempel skärmläsare.
Lexical är ett utbyggbart JavaScript-webbtextredigeringsramverk med tonvikt på tillförlitlighet, tillgänglighet och prestanda. Lexical syftar till att ge en klassens bästa utvecklarupplevelse, så att du enkelt kan prototyper och bygga funktioner med tillförsikt. I kombination med en mycket utbyggbar arkitektur gör Lexical det möjligt för utvecklare att skapa unika textredigeringsupplevelser som skalas i storlek och funktionalitet.
Om Lexical
Biblioteket är designad för att vara lätt att ansluta och inte är beroende av externa webbramverk, men det ger färdiga bindningar för enkel integration med React-ramverket.
För att använda Lexical binder du helt enkelt en instans av editorn till elementet som redigeras, varefter du under redigeringsprocessen kan kontrollera redigerarens tillstånd genom kommando- och händelsebearbetning. Biblioteket tillåter användaren att när som helst kunna hålla reda på redaktörens tillstånd och återspegla ändringarna i DOM baserat på beräkningen av skillnaderna mellan tillstånden.
Du kan skapa formulär för att mata in vanlig text utan uppmärkning, samt skapa gränssnitt för visuell dokumentredigering som liknar ordbehandlare och tillhandahåller funktioner som att infoga tabeller, bilder och listor, manipulera teckensnitt och styra textjustering.
Utvecklaren har förmågan att åsidosätta redigerarens beteende eller anslut styrenheter för att implementera atypisk funktionalitet.
Av funktioner som sticker ut från Lexical, nämns följande:
- Lexical består av redigeringsinstanser som är kopplade till ett enda redigerbart innehållselement. En uppsättning redaktörstillstånd representerar redaktörens nuvarande och väntande tillstånd vid en given tidpunkt.
- Lexical är designad för alla. Den följer de bästa praxis som etablerats i WCAG och är kompatibel med skärmläsare och andra hjälpmedelstekniker.
- Lexical är minimal. Det tar inte direkt upp komponenter i användargränssnittet, verktygsfält eller riktextfunktioner och nedsättningar. Logiken för dessa funktioner kan inkluderas via ett plugin-gränssnitt
Den grundläggande ramen för biblioteket innehåller minsta nödvändiga uppsättning komponenter, vars funktionalitet utökas genom anslutning av plugins. Genom plugins kan du till exempel ansluta ytterligare gränssnittselement, paneler, verktyg för visuell redigering i WYSIWYG-läge, stöd för Markdown-formatet eller komponenter för att arbeta med vissa typer av innehåll, såsom listor och tabeller.
I form av plugins finns även funktioner som autokomplettering, begränsning av maximal storlek på indata, öppna och spara filer, bifoga anteckningar/kommentarer, röstinmatning etc. tillgängliga.
Slutligen är det värt att nämna det för närvarande är Lexical under utveckling tidigt och API:erna och paketen kommer sannolikt att ändras ganska ofta. Koden är skriven i JavaScript och distribueras under MIT-licensen.
Flera demonstrationer har förberetts interaktiv för att bli bekant med bibliotekets möjligheter och du kan konsultera en av dems i följande länk.
Om du vill veta mer om det kan du kontakta detaljer i följande länk.