Facebook open source Lexical, une bibliothèque pour créer des éditeurs de texte

Facebook (interdit en Fédération de Russie) a ouvert le code source de la bibliothèque Lexical JavaScript, qui propose des composants pour créer des éditeurs de texte et des formulaires Web avancés pour l'édition de texte pour les sites Web et les applications Web. Les qualités distinctives de la bibliothèque incluent la facilité d'intégration dans les sites Web, la conception compacte, la modularité et la prise en charge d'outils pour les personnes handicapées, tels que les lecteurs d'écran. Le code est écrit en JavaScript et distribué sous licence MIT. Plusieurs démonstrations interactives ont été préparées pour vous familiariser avec les capacités de la bibliothèque.

La bibliothèque est conçue pour faciliter la connexion et ne dépend pas de frameworks Web externes, mais fournit en même temps des liaisons prêtes à l'emploi pour simplifier l'intégration avec le framework React. Pour utiliser Lexical, il suffit de lier 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 d'événements et de commandes. La bibliothèque vous permet de suivre les états de l'éditeur à tout moment et de refléter les modifications dans le DOM en fonction du calcul des différences entre les états.

Il est possible de créer à la fois des formulaires pour saisir du texte simple sans balisage et de créer des interfaces pour l'édition visuelle de documents, rappelant les traitements de texte et offrant 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 de connecter des gestionnaires pour implémenter des fonctionnalités atypiques.

Le cadre de base de la bibliothèque contient l'ensemble minimum requis de composants, dont les fonctionnalités sont étendues par la connexion de plugins. Par exemple, grâce aux 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 permettant de travailler avec certains types de contenu, tels que des listes et des tableaux. Sous forme de plugins, des fonctions telles que la saisie semi-automatique, la limitation de la taille maximale des données saisies, l'ouverture et l'enregistrement de fichiers, la pièce jointe de notes/commentaires, la saisie vocale, etc. sont également disponibles.

Source: opennet.ru

Ajouter un commentaire