Aller au contenu

Éditeur de texte

L’éditeur de texte riche est l’outil principal pour rédiger du contenu dans Communeo. Il existe en deux variantes : une version compacte pour les champs courts et une version complète pour les pages, actualités et événements.

CaractéristiqueCompacteComplète
Hauteur120 px300 px et plus
Mise en forme de baseGras, Italique, Souligné, Titres, Listes, LienToutes les options de base
Mise en forme avancéeExposant, Indice, Alignement, Couleur, Typographie
MédiasImages, Vidéos, Tableaux
Blocs et modèlesEncart info, Citation, CTA, Modèles, Blocs réutilisables
Sauvegarde automatiqueBrouillon local toutes les 30 secondes
Compteur de motsMots et caractères
Menu contextuel de sélectionGras, Italique, Souligné, Lien

La barre d’outils regroupe l’ensemble des boutons de mise en forme. En variante complète, vous disposez également des boutons Annuler et Rétablir pour naviguer dans l’historique de vos modifications.

  • Gras — Met le texte en gras (raccourci : Ctrl+B)
  • Italique — Met le texte en italique (raccourci : Ctrl+I)
  • Souligné — Souligne le texte (raccourci : Ctrl+U)
  • Exposant — Place le texte en exposant (ex : 1er)
  • Indice — Place le texte en indice (ex : H₂O)
  • Titre 2 — Titre de section principal
  • Titre 3 — Sous-titre
  • Titre 4 — Petit titre
  • Liste à puces — Crée une liste non ordonnée
  • Liste numérotée — Crée une liste ordonnée (1, 2, 3…)
  • Liste de tâches — Crée une liste avec des cases à cocher
  • Citation — Insère un bloc de citation mis en retrait
  • Ligne horizontale — Insère une ligne de séparation entre deux sections
  • Encart info — Insère un bloc d’information coloré avec un type au choix :
TypeCouleurUsage
InfoBleuInformation générale
AttentionAmbreAvertissement
SuccèsVertConfirmation, bonne pratique
DangerRougeAlerte, erreur

Vous pouvez changer le type d’un encart à tout moment via le menu déroulant situé dans le bloc.

  • Aligner à gauche — Aligne le texte à gauche (par défaut)
  • Centrer — Centre le texte
  • Aligner à droite — Aligne le texte à droite

Le bouton Couleur du texte propose 7 couleurs :

  • Par défaut, Rouge, Orange, Vert, Bleu, Violet, Gris

Le bouton Surligner propose 7 couleurs de fond :

  • Aucun, Jaune, Vert, Bleu, Rose, Orange, Violet

Sélectionnez le texte concerné, puis cliquez sur la couleur souhaitée. Choisissez « Par défaut » ou « Aucun » pour réinitialiser.

Le bouton Typographie ouvre un panneau avec quatre réglages :

  • Taille du texte — Par défaut, 14px, 16px, 18px, 20px, 24px
  • Interligne — Par défaut, 1.2, 1.5, 1.8, 2.0
  • Espacement des lettres — Normal, Large (0.05em), Plus large (0.1em)
  • Lettrine — Agrandit la première lettre du paragraphe
  1. Cliquez sur le bouton Image dans la barre d’outils
  2. Le sélecteur de médias s’ouvre : choisissez une image existante ou importez-en une nouvelle
  3. L’image est insérée dans l’éditeur

Une fois l’image insérée, cliquez dessus pour afficher les contrôles :

  • Alignement — Aligner à gauche, Centrer, Aligner à droite ou Pleine largeur
  • Redimensionnement — Faites glisser la poignée en bas à droite de l’image
  • Légende — Cliquez sous l’image pour ajouter une légende
  1. Cliquez sur le bouton Vidéo dans la barre d’outils
  2. Collez l’URL de la vidéo dans le champ
  3. Cliquez sur Intégrer
  1. Cliquez sur le bouton Tableau dans la barre d’outils
  2. Un tableau de 3 colonnes × 3 lignes est inséré avec une ligne d’en-tête

Une barre de contrôle apparaît au-dessus du tableau sélectionné :

  • Ajouter une colonne — Ajoute une colonne après la colonne courante
  • Supprimer la colonne — Supprime la colonne courante
  • Ajouter une ligne — Ajoute une ligne après la ligne courante
  • Supprimer la ligne — Supprime la ligne courante
  • En-tête de ligne — Active ou désactive le style d’en-tête
  • Supprimer le tableau — Supprime le tableau entier
  1. Sélectionnez le texte à transformer en lien
  2. Cliquez sur le bouton Lien dans la barre d’outils
  3. Dans l’onglet URL externe, collez l’adresse web
  4. Appuyez sur Entrée pour confirmer
  1. Sélectionnez le texte à transformer en lien
  2. Cliquez sur le bouton Lien
  3. Basculez sur l’onglet Lien interne
  4. Choisissez le type de contenu : Pages ou Articles
  5. Recherchez le contenu souhaité dans la barre de recherche
  6. Cliquez sur le résultat pour créer le lien

Pour retirer un lien, cliquez dessus puis sur Supprimer le lien en bas du dialogue.

Un bouton d’appel à l’action (CTA) permet de mettre en avant un lien important.

  1. Cliquez sur le bouton Bouton CTA dans la barre d’outils
  2. Saisissez le Texte du bouton (par exemple « En savoir plus »)
  3. Saisissez l’URL de destination
  4. Cliquez sur Insérer

Tapez / en début de ligne pour ouvrir le menu de commandes rapides. C’est un raccourci pour accéder à la plupart des fonctionnalités sans quitter le clavier.

CommandeDescription
Titre 2Titre de section
Titre 3Sous-titre
Titre 4Petit titre
ImageInsérer une image
VidéoIntégrer une vidéo
TableauInsérer un tableau
CitationBloc de citation
SéparateurLigne horizontale
Liste de tâchesChecklist avec cases à cocher
Encart infoBloc d’information coloré
Bouton CTABouton d’appel à l’action

Naviguez dans la liste avec les flèches haut/bas, confirmez avec Entrée et fermez avec Échap.

Lorsque vous sélectionnez du texte dans l’éditeur complet, une bulle flottante apparaît avec quatre boutons de mise en forme rapide :

  • Gras
  • Italique
  • Souligné
  • Lien

Ce menu vous permet d’appliquer une mise en forme sans revenir à la barre d’outils.

Les modèles vous permettent d’insérer des structures de mise en page prêtes à l’emploi.

  1. Cliquez sur le bouton Modèles de contenu dans la barre d’outils
  2. Choisissez un modèle dans la liste
  3. Le contenu est inséré à la position du curseur
ModèleDescription
2 colonnesDeux colonnes de contenu égales
3 colonnesTrois colonnes de contenu égales
Carte + texteImage à gauche, texte à droite
Section infoTitre, description et deux détails en colonnes
Tableau horairesTableau des jours et horaires d’ouverture
Chiffres clésStatistiques en trois colonnes avec chiffres en grand

Les blocs réutilisables vous permettent de sauvegarder du contenu fréquemment utilisé et de l’insérer en un clic dans n’importe quel éditeur.

  1. Cliquez sur le bouton Blocs réutilisables dans la barre d’outils
  2. Dans l’onglet Insérer un bloc, recherchez par nom ou filtrez par catégorie
  3. Cliquez sur le bloc souhaité pour l’insérer
  1. Cliquez sur le bouton Blocs réutilisables
  2. Basculez sur l’onglet Sauvegarder comme bloc
  3. Saisissez un Nom du bloc
  4. Choisissez une Catégorie : En-tête, Contenu, CTA, Barre latérale, Pied de page ou Autre
  5. Cliquez sur Sauvegarder

L’éditeur complet enregistre automatiquement un brouillon local toutes les 30 secondes. Si vous quittez la page sans sauvegarder, votre travail est conservé.

Lorsque vous revenez sur le formulaire, une bannière s’affiche :

Un brouillon non sauvegardé a été trouvé.

Deux options :

  • Restaurer — Récupère le contenu du brouillon
  • Ignorer — Supprime le brouillon et conserve le contenu actuel

En bas de l’éditeur complet, un compteur affiche en temps réel le nombre de mots et de caractères du contenu.

RaccourciAction
Ctrl+BGras
Ctrl+IItalique
Ctrl+USouligné
Ctrl+ZAnnuler
Ctrl+Maj+ZRétablir
/Ouvrir les commandes slash
EntréeConfirmer la commande sélectionnée
ÉchapFermer le menu de commandes
  • Pages — Créer et organiser les pages de votre site
  • Actualités — Rédiger et publier des articles d’actualité
  • Médiathèque — Gérer les images et fichiers de votre site
  • Astuces — Conseils pour tirer le meilleur parti de Communeo
  • Déploiement — Publier vos modifications en ligne