Edition de texte dans CKEditor

Utilisez CKEditor pour éditer le texte enrichi lorsque vous travaillez avec des objets dans les outils du Management Center. CKEditor est intégré dans certaines zones qui prennent en charge l'édition de texte enrichi dans les outils Catalogues, Promotions, Marketing et Commerce Composer.

About this task

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

Modes d'édition dans CKEditor

Mode éditeurPar défaut, CKEditor 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 CKEditor peut s'afficher différemment dans le magasin. CKEditor utilise un style base (un fichier CSS) pour toutes les plateformes de périphériques pour 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 CKEditor. Par exemple, lorsque vous mettez du texte en gras dans CKEditor, l'éditeur signalise le texte à l'aide d'une balise <strong></strong>. Si un fichier CSS de magasin contient une règle appliquant la couleur rouge à tous les textes signalés par une balise <strong></strong>, le texte s'affichera en rouge dans le magasin, même si le texte apparaît en noir dans CKEditor. Pour cette raison, il est conseillé de toujours utiliser l'aperçu du magasin pour obtenir une représentation aussi précise que possible du contenu créé dans CKEditor.
Mode sourcePour ajouter ou éditer du code HTML, cliquez sur Source. Dans le mode source, les options de la barre d'outils ne sont plus disponibles. Si vous revenez au mode éditeur, notez que celui-ci peut corriger ou supprimer le code ne pouvant pas être interprété. Pour prévisualiser le contenu, il est conseillé de rester en mode source, de fermer CKEditor et d'utiliser l'aperçu du magasin.
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é.

Procedure

  1. Dans une zone RTF du Management Center, telle que la zone Description détaillée, cliquez sur Crayon. CKEditor s'ouvre dans une nouvelle fenêtre.
  2. Effectuez une des tâches suivantes :
    • Si vous souhaitez coller du code HTML, cliquez sur Source, puis collez le code. Cliquez à nouveau sur Source pour voir le texte HTML rendu.
    • Si vous souhaitez mettre en forme et changer le style de votre contenu dans CKEditor, entrez votre contenu et utilisez les options de mise en forme disponibles dans la barre d'outils. Outre les icônes standards disponibles dans la plupart des éditeurs, CKEditor offre des fonctions supplémentaires d'édition de contenu. La table suivante décrit certaines de ces fonctions.
      Icônes
      IcôneDescription de la fonction
      CollerHCL Commerce Version 9.1.6.0 or laterCollerColle le contenu de votre presse-papiers.
      Coller sous forme de texte brutHCL Commerce Version 9.1.6.0 or laterColler sous forme de texte brutColle le contenu de votre presse-papier sous forme de texte brut.
      Collage spécialColler à partir de WordColle un contenu possédant un format et un style spéciaux. Par exemple, vous pouvez coller directement un contenu copié depuis Microsoft Word.
      Caractères spéciaux

      HCL Commerce Version 9.1.6.0 or laterCaractères spéciaux

      Insè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 format

      HCL Commerce Version 9.1.6.0 or laterSupprimer le format

      Supprime la mise en forme.
      Modèles

      HCL Commerce Version 9.1.6.0 or laterModèles

      Ajoute du contenu à un modèle. Utilisez cette fonction pour garantir un format homogène de votre contenu dans l'ensemble du magasin.
      Images

      HCL Commerce Version 9.1.6.0 or laterImages

      Insère une image en spécifiant une URL vers une image.
      Flash

      HCL Commerce Version 9.1.6.0 or laterFlash

      Insère une séquence Flash en spécifiant une URL vers un fichier de séquence flash.
    Note: CKEditor utilise les dictionnaires du Management Center pour la vérification orthographique du contenu. Si vous lancez une vérification orthographique alors qu'il n'existe pas de dictionnaire pour la langue que vous utilisez, par exemple le japonais, CKEditor affiche le message La vérification orthographique est terminée même si le vérificateur orthographique n'a pas été exécuté. Pour prendre connaissance des langues qui ne sont pas prises en charge pour la vérification orthographique, voir Utilisation du Management Center.
  3. Sauvegardez et fermez CKEditor.