useTextEdit
useTextEdit() fait le pont entre la saisie de texte DOM et le modèle d'édition de texte canvas de l'éditeur.
Il coordonne :
- la saisie de texte via textarea
- la composition IME
- le clignotement du curseur
- le comportement supprimer/retour arrière
- les commandes de mise en forme comme gras/italique/souligné
- la synchronisation des modifications de texte dans le graphe
Utilisation
ts
useTextEdit(canvasRef, editor)Exemple de base
Utilisez-le dans le composant propriétaire du canvas avec useCanvas() et useCanvasInput().
Exemples pratiques
Prendre en charge les raccourcis de mise en forme
useTextEdit() gère déjà les actions de mise en forme clavier comme gras, italique et souligné pendant que l'édition de texte est active.
Garder canvas et éditeur de texte synchronisés
Il met à jour le texte du graphe et les passages de style au fur et à mesure que l'utilisateur tape ou édite des plages mises en forme.
Notes
C'est un composable d'intégration canvas/éditeur, pas un composable générique de champ de texte.