Documentation fonctionnelle du menu de commandes rapides (
/) integre dans l'editeur rich text, inspire de Notion.
L'editeur rich text (RichEditor) propose un menu de commandes rapides declenche par la touche /. En tapant / dans la zone d'edition, un menu flottant apparait sous le curseur et propose une liste d'actions a inserer, sans avoir a quitter le clavier ni chercher le bouton correspondant dans le ribbon.
Ce comportement reprend l'experience utilisateur des editeurs modernes (Notion, Slack, etc.).
Aucun bouton dedie : la fonctionnalite est disponible en permanence dans la zone d'edition de tout RichEditor.
Le menu s'ouvre lorsque l'utilisateur tape / :
Taper / en plein milieu d'un mot (ex: et/ou) n'ouvre pas le menu, pour ne pas gener la saisie normale.
Lorsque l'editeur est vide, un indice discret « Tapez / pour inserer un element » s'affiche sous le placeholder pour faire connaitre la fonctionnalite.
| Commande | Icone | Action |
|---|---|---|
| Titre 1 / 2 / 3 | fa-heading |
Applique un format de titre (H1/H2/H3) au bloc courant |
| Liste a puces | fa-list-ul |
Demarre une liste non ordonnee |
| Liste numerotee | fa-list-ol |
Demarre une liste ordonnee |
| Citation | fa-quote-right |
Transforme le bloc en citation (blockquote) |
| Bloc de code | fa-code |
Insere un bloc de code |
| Separateur | fa-minus |
Insere une ligne horizontale |
| Image | fa-image |
Ouvre la modale d'insertion d'image (URL ou upload) |
| Lien | fa-link |
Ouvre la modale d'insertion de lien hypertexte |
| Tableau | fa-table |
Insere directement un tableau 3×3 |
| Video | fa-video |
Ouvre la modale d'integration de video |
| Mention | fa-at |
Ouvre la modale de selection de variable / placeholder |
Apres /, le texte tape filtre la liste en temps reel. Le filtrage porte sur le libelle et sur des mots-cles :
| Saisie | Resultat |
|---|---|
/ima |
Image |
/lien ou /url |
Lien |
/tab ou /grille |
Tableau |
/mention ou /variable |
Mention |
La partie du libelle qui correspond a la recherche est mise en evidence (en gras violet), comme dans Notion / Slack.
Si aucune commande ne correspond, le menu affiche « Aucune commande ».
| Touche | Effet |
|---|---|
↓ / ↑ |
Deplace la selection dans la liste |
Entree |
Valide la commande surlignee |
Echap |
Ferme le menu sans rien inserer |
| Souris | Survol pour surligner, clic pour valider |
Lorsqu'une commande est validee :
/ + la recherche, ex: /ima) est automatiquement supprime de l'editeur./.Le menu se ferme automatiquement quand :
Echap ;/ est consideree terminee) ;/).