Le composant Editeur de texte enrichi

L'Éditeur de texte permet à vos utilisateurs de prendre des notes efficacement et de manière interactive directement dans votre application. 

Cette fonctionnalité est idéale pour les applications de e-learning, les journaux personnels, ou toute application nécessitant un enregistrement de texte. Les notes sont sauvegardées localement et restent disponibles même hors ligne, ce qui garantit un accès continu sans nécessiter une connexion internet.

Insérer l'éditeur de texte

Pour intégrer l'éditeur de texte dans votre projet :

1. Accédez à l'onglet Composants.
2. Sélectionnez et insérez le composant Éditeur de texte.
3. Glissez et déposez le composant à l'emplacement désiré sur votre interface.

Options de style 

L'éditeur de texte offre une multitude d'options pour personnaliser le style et l'apparence du texte, afin d'adapter l'interface à l'identité visuelle de votre application. Pour utiliser ces options :

1. Cliquez sur le bouton Oui pour activer la barre d'outils de style.
2. Sélectionnez les éléments à afficher sur la barre d'outils :
   • En-tête : Choix de taille et de format pour les titres.
   • Style : Gras, italique, souligné.
   • Bloc : Citation, code.
   • Média : Ajout d'images ou de vidéos.
   • Liste : Création de listes à puces ou numérotées.
   • Script : Superscript ou subscript.
   • Indentation : Augmenter ou diminuer l'indentation.
   • Direction : Alignement du texte à gauche, à droite, ou centré.
   • Couleur : Sélection de la couleur de texte ou d'arrière-plan.
   • Police : Choix de la police de caractères.
   • Alignement : Alignement du texte dans le bloc.
   • Annuler / Historique : Options pour annuler ou refaire les dernières modifications.

Vous pouvez également définir un Texte par défaut et utiliser le data binding pour lier le contenu de l'éditeur à une variable ou à une autre propriété dans votre application.

Déclencheurs

Voici la liste des déclencheurs disponibles depuis le composant :

• Validé 
• Ciblé

Agir sur l'éditeur de texte

Sélectionnez un objet déclencheur, cliquez sur  Actions et créez une nouvelle action.

Choisissez votre déclencheur (par exemple au simple tap) et l'action Agir sur un composant

Sélectionnez votre composant Éditeur de texte. Voici les actions disponibles : 

• Valider
• Définir le texte 
• Définir le contenu
• Supprimer le texte / contenu
• Cibler le texte.

En intégrant l' Éditeur de texte ans votre application, vous offrez à vos utilisateurs un outil puissant pour la création et la gestion de contenu textuel. Grâce à sa personnalisation étendue et ses options interactives, vous pouvez créer une expérience utilisateur enrichissante et adaptée à vos besoins spécifiques.