Formatage & Tune
Marks inline, menu flottant, panels, raccourcis clavier
Menu inline (formatage)
Sélectionner du texte dans n'importe quel bloc fait apparaître un menu flottant au-dessus
de la sélection. Les boutons disponibles dépendent de la configuration inline_tools
passée au service Redac.
| Bouton | Raccourci | Comportement |
|---|---|---|
| B | Ctrl+B | Toggle bold sur la sélection |
| I | Ctrl+I | Toggle italic |
| U | Ctrl+U | Toggle underline |
| Ctrl+K | Ouvre le link panel | |
| — | Ouvre le marker panel (surlignement) | |
| — | Ouvre le color panel (couleur texte) | |
| — | Efface tous les marks sur la sélection | |
| — | Ouvre le source panel (HTML brut) |
Panels
Saisir une URL et valider. Le texte sélectionné devient un lien.
Si le curseur est dans un lien existant, le panel s'ouvre pré-rempli avec l'URL courante.
Option "Nouvel onglet" (target="_blank"). Bouton supprimer pour retirer le lien.
Palette de 4 couleurs prédéfinies (mode clair ou sombre, persisté en localStorage).
Color picker pour une couleur custom.
Bouton ✕ pour retirer le surlignement. Si le curseur est dans un <mark> existant, la sélection s'étend automatiquement à tout l'élément.
Palette de couleurs prédéfinies + color picker custom.
Bouton ✕ pour retirer la couleur texte.
Affiche le HTML brut du bloc dans un textarea.
Modifier le HTML et valider → PHP parse le HTML (parse_inline_html) et met à jour le bloc.
Menu Tune (⋮)
Chaque bloc a un bouton ⋮ visible au survol. Il ouvre un menu contextuel avec
des sections qui varient selon le type de bloc.
Section commune (tous les blocs)
| Action | Description |
|---|---|
| ↑ Monter / ↓ Descendre | Déplace le bloc dans le document |
| ✕ Supprimer | Supprime le bloc (désactivé si c'est le seul) |
| ID HTML | Définit id="…" sur la balise du bloc au rendu |
| Classes CSS | Ajoute des classes sur la balise du bloc au rendu |
Section séparateur
Couleur, épaisseur (px), style (solid / dashed / dotted). Prévisualisation live dans l'éditeur.
Section image
URL de l'image, texte alt, layout (center / full / float-left / float-right), lien sur l'image, classes et ID de l'élément <img>.
Raccourcis clavier
| Touche | Comportement |
|---|---|
| Enter | Coupe le bloc au curseur (heading → nouveau paragraph). Dans une liste : nouvel item, ou sortie si l'item est vide. |
| Backspace (début de bloc) | Fusionne avec le bloc précédent, curseur restauré à la jonction |
| Backspace (bloc vide) | Supprime le bloc |
| Ctrl+B | Toggle bold |
| Ctrl+I | Toggle italic |
| Ctrl+U | Toggle underline |
| Ctrl+K | Ouvre le link panel |
| Ctrl+Z | Undo (pop stack PHP, re-render l'éditeur) |
| Ctrl+/ | Ouvre/ferme le Tune du bloc actif |
| / (bloc vide) | Ouvre le slash picker (block picker filtrable) |
| ↑ (début de bloc) | Focus sur le bloc précédent |
| ↓ (fin de bloc) | Focus sur le bloc suivant |