Il ya quelques jours la nouvelle a éclaté que Facebook a ouvert le code source de la bibliothèque Lexicale JavaScript, qui fournit des composants pour créer des formulaires Web d'édition de texte avancés et des éditeurs de texte pour sites Web et applications Web.
En substance, Lexical est un moteur d'édition de texte, une plateforme pour créer des éditeurs Web riches en fonctionnalités. Dans le même temps, nous pensons que les utilisateurs ne devraient pas avoir à réécrire sans cesse la même fonctionnalité de texte enrichi à chaque implémentation. Lexical expose un ensemble de packages modulaires individuels qui peuvent être utilisés pour ajouter des fonctionnalités communes telles que des listes, des liens et des tableaux.
Les qualités distinctives de la bibliothèque sont les facilité d'intégration dans les sites, conception compacte, modularité et support pour les outils destinés aux personnes handicapées, tels que les lecteurs d'écran.
Lexical est un framework d'éditeur de texte Web JavaScript extensible qui met l'accent sur la fiabilité, l'accessibilité et les performances. Lexical vise à fournir une expérience de développeur de premier ordre, afin que vous puissiez facilement prototyper et créer des fonctionnalités en toute confiance. Combiné à une architecture hautement extensible, Lexical permet aux développeurs de créer des expériences d'édition de texte uniques qui évoluent en taille et en fonctionnalité.
À propos de Lexical
La bibliothèque est conçu pour être facile à connecter et ne dépend pas de frameworks web externes, mais il fournit des liaisons prêtes à l'emploi pour une intégration facile avec le framework React.
Pour utiliser Lexical, vous liez simplement une instance de l'éditeur à l'élément en cours d'édition, après quoi, pendant le processus d'édition, vous pouvez contrôler l'état de l'éditeur via le traitement des commandes et des événements. La bibliothèque permet à l'utilisateur de suivre à tout moment les états de l'éditeur et de refléter les changements dans le DOM en fonction du calcul des différences entre les états.
Vous pouvez créer des formulaires pour saisir du texte brut sans balisage, ainsi que créer des interfaces pour l'édition visuelle de documents qui ressemblent à des traitements de texte et offrent des fonctionnalités telles que l'insertion de tableaux, d'images et de listes, la manipulation de polices et le contrôle de l'alignement du texte.
Le développeur a la possibilité de remplacer le comportement de l'éditeur ou connecter des contrôleurs pour implémenter des fonctionnalités atypiques.
Des fonctionnalités qui se démarquent de Lexical, sont mentionnés :
- Lexical est composé d'instances d'éditeur qui sont attachées à un seul élément modifiable de contenu. Un ensemble d'états d'éditeur représente les états actuels et en attente de l'éditeur à un instant donné.
- Lexical est conçu pour tout le monde. Il suit les meilleures pratiques établies dans WCAG et est compatible avec les lecteurs d'écran et d'autres technologies d'assistance.
- Le lexique est minime. Il n'aborde pas directement les composants de l'interface utilisateur, les barres d'outils ou les fonctionnalités de texte enrichi et les démarques. La logique de ces fonctions peut être incluse via une interface de plugin
Le cadre de base de la bibliothèque contient le jeu de composants minimum requis, dont la fonctionnalité est étendue grâce à la connexion de plugins. Par exemple, grâce à des plugins, vous pouvez connecter des éléments d'interface supplémentaires, des panneaux, des outils d'édition visuelle en mode WYSIWYG, la prise en charge du format Markdown ou des composants pour travailler avec certains types de contenu, tels que des listes et des tableaux.
Sous forme de plugins, des fonctionnalités telles que la saisie semi-automatique, limiter la taille maximale des données d'entrée, ouvrir et enregistrer des fichiers, joindre des notes/commentaires, saisie vocale, etc. sont également disponibles.
Enfin, il convient de mentionner que actuellement Lexical est en cours de développement tôt et les API et les packages sont susceptibles de changer assez fréquemment. Le code est écrit en JavaScript et est distribué sous la licence MIT.
Plusieurs démonstrations ont été préparées interactif pour se familiariser avec les possibilités de la bibliothèque et vous pouvez consulter l'un d'euxs dans le lien suivant.
Si vous voulez en savoir plus, vous pouvez consulter le détails dans le lien suivant.