Éditeur de texte enrichi rich-text-editor

L’éditeur de texte enrichi est un bloc de création de base permettant de saisir du contenu texte dans AEM. Il constitue la base de divers composants, notamment :

Éditeur de texte enrichi rich-text-editor-1

La boîte de dialogue de modification WYSIWYG offre un large éventail de fonctionnalités :

Édition statique in-place-editing

Outre le mode de modification de texte enrichi basé sur la boîte de dialogue, AEM propose un mode de modification intégré qui permet la modification directe du texte tel qu’il est affiché dans la disposition de la page.

Cliquez deux fois sur un paragraphe (double-clic lent) pour passer en mode de modification intégré (la bordure du composant devient orange).

Vous pourrez modifier directement le texte sur la page, plutôt que dans une boîte de dialogue. Il vous suffit d’apporter vos modifications qui seront automatiquement enregistrées.

Actuellement, le mode de modification intégré est activé pour les éléments de page générés par les composants Texte et Titre.

Fonctionnalités de l’éditeur de texte enrichi features-of-the-rich-text-editor

L’éditeur de texte enrichi fournit diverses fonctions, selon la configuration du composant. Ces fonctions sont disponibles dans les deux interfaces utilisateur (classique et optimisée pour les écrans tactiles).

Formats de caractères de base basic-character-formats

Vous pouvez y appliquer une mise en forme aux caractères que vous avez sélectionnés (mis en surbrillance). Certaines options comportent également des raccourcis clavier :

Tous fonctionnent comme un bouton bascule. La résélection supprime donc le format.

Styles et formats prédéfinis predefined-styles-and-formats

Votre installation peut inclure des styles et des formats prédéfinis. Ils sont disponibles avec les listes déroulantes Style et Format et peuvent être appliqués au texte que vous avez sélectionné.

Un style peut être appliqué à une chaîne spécifique (un style correspond à CSS) :

Tandis qu’une disposition est appliquée à l’intégralité d’un paragraphe texte (une mise en forme est basée sur le langage HTML) :

Seul un format spécifique peut être modifié (la valeur par défaut est Paragraphe).

Un style peut être supprimé. Placez le curseur dans le texte auquel le style a été appliqué, puis cliquez sur l’icône Supprimer :

Couper, Copier, Coller cut-copy-paste

Les fonctionnalités standard Couper et Copier sont disponibles. Plusieurs versions de Coller sont fournies pour prendre en charge différents formats.

Annuler, rétablir undo-redo

AEM conserve un enregistrement de vos 50 dernières actions dans le composant actuel, dans l’ordre chronologique. Si nécessaire, ces actions peuvent être annulées (puis rétablies) dans un ordre strict.

Alignement alignment

Votre texte peut être aligné à gauche, au centre ou à droite.

Indentation indentation

La mise en retrait d’un paragraphe peut être augmentée ou réduite. Le paragraphe sélectionné est mis en retrait, tout nouveau texte saisi conserve le niveau de mise en retrait actuel.

Listes lists

Vous pouvez créer des listes à puces et numérotées dans votre texte. Sélectionnez le type de liste et commencez à saisir ou mettez en surbrillance le texte à convertir. Dans les deux cas, un changement de ligne lance un nouvel élément de liste.

Vous pouvez créer des listes imbriquées en mettant en retrait un ou plusieurs éléments de liste.

Vous pouvez modifier le style d’une liste en positionnant simplement le curseur dans la liste, puis en sélectionnant l’autre style. Une sous-liste peut également avoir un style différent de la liste de contenu. Vous pouvez l’appliquer une fois la sous-liste créée (par mise en retrait).

Liens links

Pour générer un lien vers une URL (que ce soit à l’intérieur de votre site web ou dans un emplacement externe), mettez le texte requis en surbrillance, puis cliquez sur l’icône du lien hypertexte :

Une boîte de dialogue vous permet de spécifier l’URL cible, ainsi que de déterminer si elle doit s’ouvrir dans une nouvelle fenêtre.

Vous pouvez :

Pour rompre le lien, placez le curseur n’importe où dans le texte du lien et cliquez sur l’icône Dissocier :

Ancres anchors

Vous pouvez créer une ancre n’importe où dans le texte en positionnant le curseur ou en sélectionnant du texte. Cliquez ensuite sur l’icône Ancre pour ouvrir la boîte de dialogue.

Saisissez le nom de l’ancre, puis cliquez sur OK pour enregistrer.

L’ancre s’affiche lorsque le composant est en cours d’édition ; elle peut désormais être utilisée dans une cible pour les liens.

Rechercher et remplacer find-and-replace

AEM fournit à la fois une fonction Rechercher et Remplacer (rechercher et remplacer).

Les deux ont un bouton Rechercher suivant pour rechercher le texte spécifié dans le composant ouvert. Vous pouvez également indiquer si la casse (majuscule/minuscule) doit être mise en correspondance.

La recherche commence toujours à partir de la position actuelle du curseur dans le texte. Lorsque la fin du composant est atteinte, un message vous informe que la prochaine opération de recherche démarre à partir du haut.

L’option Remplacer permet de rechercher, puis de remplacer une instance par le texte indiqué ou de remplacer toutes les instances du composant actif.

Images images

Vous pouvez faire glisser des images à partir de l’outil de recherche de contenu pour les ajouter au texte.

Vérificateur orthographique spelling-checker

Le vérificateur orthographique vérifie l’intégralité du texte dans le composant actif.

Toute faute d’orthographe est mise en surbrillance :

Tableaux tables

Les tableaux sont disponibles dans les deux cas :

Dans les composants Texte et Tableau, la fonctionnalité de tableau est accessible par le biais du menu contextuel (qui s’ouvre généralement à l’aide du bouton droit de la souris) ; par exemple :

Les fonctions spécifiques au tableau sont les suivantes :

Propriétés du tableau table-properties

Les propriétés de base du tableau peuvent être configurées avant de cliquer sur OK pour l’enregistrement :

Propriétés de la cellule cell-properties

Les propriétés d’une cellule spécifique ou d’une série de cellules peuvent être configurées :

Ajouter ou Supprimer des lignes add-or-delete-rows

Vous pouvez ajouter des lignes au-dessus ou au-dessous de la ligne active.

Vous pouvez également supprimer la ligne active.

Ajouter ou supprimer des colonnes add-or-delete-columns

Vous pouvez ajouter des colonnes à gauche ou à droite de la colonne active.

Vous pouvez également supprimer la colonne active.

Sélectionner des lignes ou colonnes entières selecting-entire-rows-or-columns

Sélectionne toute la ligne ou la colonne active. Des actions spécifiques (par exemple, fusion) sont alors disponibles.

Fusionner des cellules merge-cells

Diviser des cellules split-cells

Sélectionnez une seule cellule pour la diviser :

Création de tableaux imbriqués creating-nested-tables

La création d’un tableau imbriqué crée un tableau autonome dans la cellule active.

Supprimer le tableau remove-table

Utilisez cette option pour supprimer le tableau du composant Texte.

Caractères spéciaux special-characters

Des caractères spéciaux peuvent être mis à la disposition de votre éditeur de texte enrichi. Ils peuvent varier en fonction de votre installation.

Survolez avec la souris pour afficher une version agrandie du caractère, puis cliquez pour qu’il soit inclus à l’emplacement actuel dans votre texte.

Mode de modification de la source source-editing-mode

Le mode de modification de la source vous permet d’afficher et de modifier le code HTML sous-jacent du composant.

Le texte suivant :

Se présentera comme suit dans le mode source (la source étant bien souvent plus longue, un défilement s’avérera nécessaire) :