Awesome GitHub RepositoriesDraft.js Integrations

Braft Editor est un éditeur de texte riche basé sur React, construit sur Draft.js, qui fournit un framework pour la création et le formatage de contenu. Il fonctionne comme un composant UI réutilisable qui permet aux utilisateurs de composer des documents formatés dans une interface WYSIWYG et d'exporter le contenu résultant sous forme de chaînes HTML. Le projet propose une prise en charge intégrée de la localisation pour plusieurs langues, notamment le chinois, le japonais et le coréen. Il fournit un système modulaire pour étendre les fonctionnalités de l'éditeur via des plugins, des mappings de barre d'outils personnalisés et des entités multimédias spécialisées. L'éditeur couvre un large éventail de capacités de contenu, incluant le formatage de texte riche, le style de paragraphe et de bloc, et l'organisation de listes imbriquées. Il prend en charge l'intégration de contenu multimédia tel que des images, de l'audio, de la vidéo et des blocs de code formatés. L'état du document est géré via un modèle de composant contrôlé, permettant la synchronisation entre l'éditeur et l'état de l'application.

Ce projet est un framework de plugins pour l'éditeur de texte riche Draft.js, fournissant un système pour ajouter des comportements personnalisés, des décorateurs et des raccourcis clavier. Il fonctionne comme une boîte à outils pour étendre l'éditeur avec un formatage avancé et des éléments interactifs, tout en fournissant également une bibliothèque de composants React UI pour gérer les barres d'outils et les popups. Le framework se distingue par son support spécialisé pour les systèmes de mention sociale, permettant la détection et le formatage des hashtags et des mentions d'utilisateurs en tant qu'entités interactives via des déclencheurs d'autocomplétion. Il inclut également une suite complète d'extensions de médias riches pour intégrer et manipuler des images, vidéos, emojis et autocollants directement dans le flux de texte. Les capacités étendues incluent l'implémentation de barres d'outils contextuelles — telles que des menus flottants, statiques ou alignés sur le côté — et la capacité de gérer l'agencement du contenu via des interactions de glisser-déposer et le redimensionnement de blocs. Le système couvre également des outils de gestion de contenu comme les métriques de document en temps réel et la gestion de l'historique pour les opérations d'annulation et de rétablissement. Le projet est écrit en TypeScript et fournit une architecture extensible pour intégrer des décorateurs personnalisés et des pipelines de transformation d'état.