HCL Commerce Version 9.1.14.0 or later

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

L'éditeur TinyMCE prend en charge deux modes d'édition de contenu : le mode éditeur et le mode source.

Modes d'édition dans l'éditeur TinyMCE

Mode éditeurPar 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 sourceCliquez sur l'icône de code source ou accédez à Afficher > Code source dans la barre de menu pour ajouter ou modifier du code HTML. Si vous revenez au mode éditeur, notez que celui-ci peut corriger ou supprimer le code ne pouvant pas être interprété. Cliquez sur Enregistrer et prévisualiser pour prévisualiser le contenu.
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

  1. Dans une zone RTF du Management Center, telle que la zone Description détaillée, cliquez sur Crayon. L'éditeur TinyMCE se lance dans une nouvelle fenêtre.
  2. 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 à Afficher > Code source 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ôneDescription de la fonction
      CollerColle le contenu de votre presse-papiers.
      Coller sous forme de texte brutCollez le contenu de votre presse-papiers sous forme de texte brut.
      Caractères spéciauxInsère des caractères spéciaux et des symboles.
      Direction du texte de gauche à droiteMet en forme la direction du texte de gauche à droite.
      Direction du texte de droite à gaucheMet en forme la direction du texte de droite à gauche.
      Supprimer le formatSupprime la mise en forme.
      ImagesInsère une image en spécifiant une URL vers une image.
      MédiaInsé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 que ctrl + x/c/v.
      Note: Les raccourcis clavier suivants ne sont pas pris en charge dans l'éditeur TinyMCE :
      • (Ctrl + S) Enregistrer
        Note: utilisez le bouton Enregistrer pour enregistrer les modifications.
      • (Maj+Entrée) Ouvrir le menu contextuel des boutons partagés
  3. Enregistrez et fermez l'éditeur TinyMCE.