Vor ein paar Tagen Es wurde bekannt, dass Facebook die lexikalische Bibliothek als Open Source veröffentlicht hat JavaScript, das Komponenten zum Erstellen erweiterter Textbearbeitungs-Webformulare und Texteditoren für Websites und Webanwendungen bereitstellt.
Im Wesentlichen ist Lexical eine Textbearbeitungsmaschine, eine Plattform um funktionsreiche Web-Editoren zu erstellen. Gleichzeitig glauben wir, dass Benutzer nicht bei jeder Implementierung dieselbe Rich-Text-Funktionalität immer wieder neu schreiben müssen sollten. Lexical stellt eine Reihe individueller modularer Pakete bereit, die verwendet werden können, um allgemeine Funktionen wie Listen, Links und Tabellen hinzuzufügen.
Die besonderen Merkmale der Bibliothek sind die einfache Integration in Standorte, kompaktes Design, Modularität und Support für Tools für Menschen mit Behinderungen, wie z. B. Screenreader.
Lexical ist ein erweiterbares JavaScript-Web-Texteditor-Framework mit Schwerpunkt auf Zuverlässigkeit, Zugänglichkeit und Leistung. Lexical zielt darauf ab, ein erstklassiges Entwicklererlebnis zu bieten, damit Sie problemlos Prototypen erstellen und Funktionen mit Zuversicht erstellen können. In Kombination mit einer hoch erweiterbaren Architektur ermöglicht Lexical Entwicklern, einzigartige Textbearbeitungserlebnisse zu erstellen, die in Größe und Funktionalität skalieren.
Über Lexika
Die Bibliothek ist einfach zu verbinden und unabhängig von externen Web-Frameworks, Es bietet jedoch sofort einsatzbereite Bindungen für eine einfache Integration mit dem React-Framework.
Um Lexical zu verwenden, binden Sie einfach eine Instanz des Editors an das zu bearbeitende Element, wonach Sie während des Bearbeitungsprozesses den Zustand des Editors durch Befehls- und Ereignisverarbeitung steuern können. Die Bibliothek ermöglicht es dem Benutzer, die Zustände des Editors jederzeit zu verfolgen und die Änderungen im DOM anhand der Berechnung der Unterschiede zwischen den Zuständen widerzuspiegeln.
Sie können Formulare für die Eingabe von reinem Text ohne Markup erstellen sowie Schnittstellen für die visuelle Dokumentbearbeitung erstellen, die Textverarbeitungsprogrammen ähneln und Funktionen wie das Einfügen von Tabellen, Bildern und Listen, die Bearbeitung von Schriftarten und die Steuerung der Textausrichtung bieten.
Der Entwickler hat die Möglichkeit, das Verhalten des Editors zu überschreiben oder verbinden Sie Controller, um atypische Funktionen zu implementieren.
Von der Merkmale, die sich von Lexical abheben, werden genannt:
- Lexical besteht aus Editorinstanzen, die an ein einzelnes bearbeitbares Inhaltselement angehängt sind. Ein Satz von Editorzuständen repräsentiert die aktuellen und anstehenden Zustände des Editors zu einem gegebenen Zeitpunkt.
- Lexical ist für alle konzipiert. Es folgt den Best Practices der WCAG und ist mit Screenreadern und anderen Hilfstechnologien kompatibel.
- Lexikalisch ist minimal. Es befasst sich nicht direkt mit Komponenten der Benutzeroberfläche, Symbolleisten oder Rich-Text-Features und Markdowns. Die Logik für diese Funktionen kann über eine Plugin-Schnittstelle eingebunden werden
Das Grundgerüst der Bibliothek enthält den minimal erforderlichen Satz von Komponenten, deren Funktionalität durch die Einbindung von Plugins erweitert wird. Über Plugins können Sie beispielsweise zusätzliche Oberflächenelemente, Panels, Tools für die visuelle Bearbeitung im WYSIWYG-Modus, Unterstützung für das Markdown-Format oder Komponenten für die Arbeit mit bestimmten Arten von Inhalten wie Listen und Tabellen anbinden.
In Form von Plugins stehen auch Features wie Autovervollständigung der Eingabe, Begrenzung der maximalen Größe der Eingabedaten, Öffnen und Speichern von Dateien, Anhängen von Notizen/Kommentaren, Spracheingabe etc. zur Verfügung.
Abschließend sei noch erwähnt, dass derzeit Lexical befindet sich derzeit in der Entwicklung früh und die APIs und Pakete werden sich wahrscheinlich ziemlich häufig ändern. Der Code ist in JavaScript geschrieben und wird unter der MIT-Lizenz vertrieben.
Mehrere Demonstrationen wurden vorbereitet interaktiv, um sich mit den Möglichkeiten der Bibliothek vertraut zu machen und eine davon zu konsultierens im folgenden Link.
Wenn Sie mehr darüber erfahren möchten, können Sie die Details im folgenden Link.