Modification du texte dans l'éditeur TinyMCE
Utilisez l'éditeur TinyMCE pour éditer du texte enrichi lorsque vous travaillez avec des objets dans les outils du Management Center. TinyMCE est intégré dans certains champs qui prennent en charge l'édition de texte enrichi dans les outils Catalogues, Promotions, Marketing et Commerce Composer.
About this task
| Mode éditeur | Par défaut, l'éditeur TiinyMCE s'ouvre en mode éditeur. Dans ce mode, vous pouvez éditer le contenu à l'aide des options de la barre d'outils et afficher les modifications au fur et à mesure que vous les effectuez. Note: Le contenu que vous éditez dans l'éditeur TinyMCE peut s'afficher différemment dans le magasin. L'éditeur TinyMCE utilise un style de base (un fichier CSS) pour toutes les plateformes de périphériques en vue de rendre votre contenu dans le mode éditeur. Le style du magasin, qui est contrôlé par des fichiers CSS différents, peut redéfinir la mise en forme que vous appliquez dans l'éditeur TinyMCE. Par exemple, lorsque vous mettez du texte en gras dans l'éditeur TinyMCE, l'éditeur ajoute autour du texte une balise <strong></strong>. Si un fichier CSS de magasin contient une règle qui applique la couleur rouge à tous les textes signalés par une balise <strong></strong>, le texte s'affichera en rouge dans le magasin, même s'il apparaît en noir dans l'éditeur TinyMCE. Pour cette raison, il est conseillé de toujours prévisualiser le magasin afin d'obtenir une représentation aussi précise que possible du contenu que vous créez dans l'éditeur TinyMCE. |
| Mode source | Cliquez sur l'icône de code source |
Note: Pour afficher les instructions d'accessibilité permettant de naviguer dans les options de l'éditeur à l'aide du clavier, utilisez le clavier pour ouvrir l'éditeur. Ensuite, appuyez sur Alt + 0 pour ouvrir la fenêtre relative aux instructions d'accessibilité. Vous pouvez aussi cliquer sur l'option Aide dans la barre de menu pour obtenir la liste des raccourcis et des instructions d'accessibilité.
Procedure
-
Dans une zone RTF du Management Center, telle que la zone Description détaillée, cliquez sur
. L'éditeur TinyMCE se lance dans une nouvelle fenêtre.
-
Il est possible d'éditer le texte en utilisant l'un des modes suivants :
-
Mode Source : si vous souhaitez coller du code HTML, cliquez sur l'icône de code source
ou accédez à dans la barre de menu.
-
Mode Editeur : si vous souhaitez formater et styliser votre contenu en mode Editeur, saisissez votre contenu et utilisez les options de la barre d'outils pour la mise en forme. Outre les icônes standard disponibles dans la plupart des éditeurs, l'éditeur TinyMCE offre des fonctions supplémentaires d'édition de contenu. Le tableau suivant décrit certaines de ces fonctions supplémentaires.
Icônes Icône Description de la fonction Colle le contenu de votre presse-papiers. Collez le contenu de votre presse-papiers sous forme de texte brut. Insère des caractères spéciaux et des symboles. Met en forme la direction du texte de gauche à droite. Met en forme la direction du texte de droite à gauche. Supprime la mise en forme. Insère une image en spécifiant une URL vers une image. Insérez un fichier multimédia en spécifiant une URL vers celui-ci. Note: Selon les paramètres du navigateur, certaines actions comme Couper ou Coller ne fonctionnent pas toujours avec la barre de menu. Si votre navigateur ne prend pas en charge l'accès direct au presse-papiers, utilisez plutôt les raccourcis clavier tels quectrl + x/c/v.Note: Les raccourcis clavier suivants ne sont pas pris en charge dans l'éditeur TinyMCE :- (Ctrl + S) EnregistrerNote: utilisez le bouton Enregistrer pour enregistrer les modifications.
- (Maj+Entrée) Ouvrir le menu contextuel des boutons partagés
- (Ctrl + S) Enregistrer
-
Mode Source : si vous souhaitez coller du code HTML, cliquez sur l'icône de code source
- Enregistrez et fermez l'éditeur TinyMCE.