Éditeur WYSIWYG avancé

Plans prenant en charge l’utilisation de l’éditeur WYSIWYG avancé

L’éditeur WYSIWYG avancé combine une conception légère avec des capacités d’édition de texte puissantes et riches, prenant en charge une syntaxe Markdown spécifique. Il offre une expérience très visuelle et intuitive qui surpasse les éditeurs Markdown traditionnels tout en conservant plus de flexibilité que les éditeurs WYSIWYG.

PRUDENCE

Les articles passés de l’éditeur Markdown ou WYSIWYG à l’éditeur WYSIWYG avancé ne peuvent pas être rétablis.

Utilisation de l’éditeur WYSIWYG avancé

Attribution d’un nom d’article

Lorsque vous créez un article, vous lui donnez un nom. Dans l’éditeur WYSIWYG avancé, le titre de l’article s’affiche en haut de la zone de contenu de l’article. Cliquez sur le titre pour le modifier. Vous verrez les options suivantes :

Suggérer le titre :

1. Eddy AI suggère trois options de titre pour votre article. Choisissez le titre souhaité et modifiez-le si nécessaire.

2. Cliquez sur Générer plus de suggestions pour afficher des options de titre supplémentaires.

3. Utilisez les boutons J’aime () et J’aime () pour donner votre avis sur les suggestions d’Eddy AI.

URL et description :

1. URL: Modifiez l’URL de l’article dans ce champ. Par défaut, Document360 crée l’URL (également appelée slug) en fonction du titre de l’article au moment de la création. Par exemple, si le titre de l’article est « Qu’est-ce que Document360 ? », l’URL devient what-is-document360.

   NOTE

   Pour plus d’informations, consultez l’article sur Change the URL of an article.

2. Description: Entrez une brève description de l’article.

Vous pouvez utiliser le menu d’insertion rapide , la commande barre oblique et la syntaxe Markdown spécifique pour créer et modifier du contenu dans l’éditeur WYSIWYG avancé.

Menu d’insertion rapide

Le menu d’insertion rapide apparaît sous la forme d’une option flottante dans un bloc vide. Il permet aux utilisateurs d’ajouter rapidement des éléments couramment utilisés à leurs articles.

Les options disponibles dans le menu d’insertion rapide sont les suivantes :

• Eddy AI Writer () : Générez du contenu alimenté par l’IA directement dans votre article.

• Liste à puces () : Insérez une liste à puces. Utilisez le menu déroulant pour sélectionner par défaut, disque, carré ou cercle.

• Table () : Ajoutez une table pour structurer les données.  

• Image () : Téléchargez et insérez une image.

  NOTE

  • Utilisez les outils disponibles pour formater l’image. Cliquez sur l’image pour ouvrir le menu de mise en forme flottant.

  • Vous pouvez aligner, recadrer, ajouter des bordures, ajouter des ombres, ajouter des légendes, etc.

    Pour plus d’informations, lisez l’article sur Image formatting in the Advanced WYSIWYG editor.

• Lien () : Ajoutez un lien hypertexte. Vous pouvez également utiliser le Ctrl + K raccourci clavier.

• Bloc de code () : Insérez un bloc de code pour le contenu technique. Cliquez à l’intérieur du bloc de code pour accéder à la barre d’outils contextuelle :

  • Liste déroulante des langues : Sélectionnez la langue souhaitée

  • Copier : Pour copier le bloc de code

• Plus : cliquez sur Plus pour accéder à des options de formatage supplémentaires à l’aide du menu barre oblique.

NOTE

• Le menu Insertion rapide n’apparaît que lorsque le bloc est vide.

• Il disparaît automatiquement lorsque vous commencez à taper.

• Si vous effacez le contenu d’un bloc, le menu Insertion rapide réapparaît.

Commencez à écrire avec Eddy AI, choisissez un modèle et importez des documents

Lorsque l’article dans l’éditeur WYSIWYG avancé est vide, vous pouvez commencer à créer votre contenu à l’aide des options suivantes :

un. Commencez à écrire avec Eddy AI

1. Cliquez sur Commencer à écrire avec Eddy AI.

2. Entrez l’invite ou le sujet de votre choix.

   L’IA générera une ébauche initiale basée sur les données fournies.

NOTE

Pour plus d’informations, consultez l’article sur AI Writer.

b. Choisissez un modèle

1. Cliquez sur Choisir un modèle.

   Un panneau apparaîtra avec les modèles disponibles.

2. Sélectionnez le modèle souhaité et prévisualisez-le.

3. Cliquez sur Utiliser ce modèle pour structurer votre article avec un contenu prédéfini.

   Le nom et le slug de l’article seront automatiquement renseignés à l’aide du titre du modèle.

NOTE

Pour plus d’informations, consultez l’article sur Templates.

C. Document d’importation

1. Cliquez sur Importer le document.

   Le panneau Importer apparaîtra.

2. Téléchargez un .docx fichier par glisser-déposer ou par l’option Télécharger un fichier .

   Le nom de l’article et le slug seront générés automatiquement en fonction du nom du fichier téléchargé.

NOTE

• Les options Commencer à écrire avec Eddy AI, Choisir un modèle et Importer des documents apparaîtront en évidence lorsque l’éditeur d’articles est vide.

• Une fois que vous commencez à taper manuellement, les options disparaissent.

• Si vous effacez le contenu dans l’éditeur, ces options réapparaissent pour un accès facile.

Commandes barre oblique

Tapez / dans l’éditeur et une liste d’options s’affiche. Vous pouvez également rechercher les options en tapant les noms des commandes. Cliquez sur la commande souhaitée ou appuyez sur la touche Entrée pour sélectionner la commande.

NOTE

Assurez-vous de taper / au début d’une ligne ou après un espace. Les options n’apparaîtront pas si vous les tapez immédiatement après un caractère. Vous pouvez naviguer dans chaque commande et section dans les commandes barre oblique à l’aide des touches fléchées haut, bas, droite et gauche.

Vous pouvez également accéder facilement à Eddy AI Writer directement depuis le haut du menu barre oblique. De plus, les options de la commande barre oblique sont classées en trois sections :

Syntaxe Markdown

L’éditeur WYSIWYG avancé prend en charge un large éventail de syntaxes Markdown ; pour une liste détaillée, lisez l’article sur les bases de Markdown.

Par exemple, si vous souhaitez ajouter un titre 2, tapez la syntaxe suivante : ## Markdown syntax. La syntaxe sera rendue et le titre 2 sera ajouté instantanément.

NOTE

• La syntaxe Markdown ne fonctionnera que si vous la saisissez manuellement. Il ne sera pas affiché lorsque vous copiez et collez la syntaxe.

• Pour consulter la liste des syntaxes Markdown non prises en charge, lisez l’article sur Advanced WYSIWYG editor basics.

Barre d’outils

Pour modifier la mise en page ou l’apparence du contenu, utilisez les options de mise en forme enrichie de l’éditeur WYSIWYG avancé.

Lors de l’édition dans l’éditeur WYSIWYG avancé, cliquez sur l’icône Format () sur le côté droit du panneau de l’éditeur.

NOTE

En sélectionnant l’option Épingler (), vous pouvez ancrer la barre d’outils sur le côté droit de l’interface de l’éditeur.

1. Styles de texte

• Annuler () : Pour inverser la dernière action.

• Rétablir () : Pour réappliquer la dernière action annulée.

• Effacer ( ) : pour supprimer tous les styles du texte sélectionné.

• Casse-lettres () : Pour changer la casse du texte.

2. Titres

• : Pour appliquer le style H2 (Titre 2) au texte sélectionné.

• : Pour appliquer le style H3 (Titre 3) au texte sélectionné.

• : Pour appliquer le style H4 (Titre 4) au texte sélectionné.

• Paragraphe () : Pour appliquer le style de paragraphe standard au texte sélectionné.

3. Typographie

• Famille de polices : pour sélectionner la police de caractères du texte.

• Taille de la police : pour ajuster la taille du texte sélectionné.

NOTE

Lorsque vous insérez le contenu dans l’éditeur WYSIWYG avancé, le type de police est défini sur Verdana par défaut.

• Pour modifier les paramètres de police dans l’ensemble de votre base de connaissances, accédez à Settings () dans la barre de navigation de gauche.

• Dans le volet de navigation de gauche, accédez à Knowledge base site > Customize site.

• Dans la liste déroulante Police du site , sélectionnez la police souhaitée.

4. Palette

• Couleur de la police : pour changer la couleur du texte sélectionné.

• Couleur d’arrière-plan : pour définir une couleur d’arrière-plan pour le texte sélectionné.

5. Formatage et listes

• Gras () : Pour mettre en gras le texte sélectionné.

• Italique () : Pour mettre en italique le texte sélectionné.

• Souligné () : Pour souligner le texte sélectionné.

• Barré () : Pour appliquer un barré au texte sélectionné.

• Inline code () : Pour ajouter du code en ligne au texte.

• Aligner à gauche () : Pour aligner le contenu du texte avec la marge de gauche.

• Centre () : Pour centrer votre contenu textuel.

• Aligner à droite () : Pour aligner le contenu du texte avec la marge de droite.

• Justify () : Pour répartir le contenu du texte uniformément entre les marges.

• Liste à puces () : Pour ajouter une liste indiquée par des symboles pour chaque élément.

• Liste numérotée () : Pour ajouter une liste numérotée pour chaque élément.

• Liste de contrôle () : Pour ajouter une liste marquée par des cases à cocher que les utilisateurs peuvent marquer comme complètes ou incomplètes.

6. Commandes

• Augmenter le retrait () : pour éloigner le contenu de la marge.

• Réduire l’indentation () : pour rapprocher le contenu de la marge.

• Indice () : Pour abaisser le texte en dessous de la ligne de base.

• Exposant () : pour élever le texte au-dessus de la ligne de base.

• Hauteur de ligne () : Pour choisir l’espacement entre les lignes.

• Espace des lettres () : Pour modifier l’espacement entre les lettres.

• Saut de ligne () : Pour passer à la ligne suivante.

• Saut de page () : Pour spécifier où terminer la page actuelle et commencer la page suivante lors de l’exportation du contenu au format PDF.

CONSEIL DE PRO

Pour modifier le niveau de votre liste à puces ou numérotée, vous pouvez utiliser les commandes Augmenter le retrait () ou Diminuer le retrait () de la barre d’outils. Vous pouvez également utiliser les raccourcis clavier Tab pour augmenter le retrait ou Maj+Tab pour réduire le retrait.

Trouver et remplacer

Pour utiliser la fonction Rechercher et remplacer dans l’éditeur WYSIWYG avancé :

1. Cliquez sur l’icône Plus () dans le coin supérieur droit.

2. Sélectionnez Rechercher et remplacer dans le menu.

NOTE

Pour plus d’informations, consultez l’article sur Find and replace.

Création de modèles de FAQ dans l’éditeur WYSIWYG avancé

1. Accédez à l’article souhaité dans l’éditeur WYSIWYG avancé.

2. Utilisez la commande /FAQs barre oblique et sélectionnez FAQ dans la liste.

   Trois modèles de FAQ accordéon seront insérés dans votre article.

3. Dans les modèles de FAQ insérés, vous pouvez effectuer les options suivantes :

   1. Paramètres () : cliquez pour personnaliser les modèles de FAQ en fonction de vos préférences.

   2. Développer/Réduire () : Cliquez pour développer ou réduire les accordéons de la FAQ.

   3. Supprimer () : cliquez pour supprimer toute la section FAQ.

   4. Ajouter une question () : Cliquez entre les FAQ pour insérer des FAQ personnalisées supplémentaires.

NOTE

• Les modèles de FAQ sont différents du générateur de FAQ AI.

• Pour plus d’informations, consultez l’article AI FAQ generator.

Affichage du code ()

• Vous permet d’afficher et de modifier le contenu au format de code HTML.

• Le passage en mode Code vous permet d’ajouter des éléments HTML personnalisés, d’appliquer des styles en ligne ou d’effectuer des ajustements précis.

• Utilisez Ctrl + F pour effectuer une recherche persistante en mode Code :

  • Appuyez sur Entrée pour accéder à l’occurrence suivante du terme de recherche.

  • Appuyez sur Maj + Entrée pour accéder à l’occurrence précédente.

• Dans le panneau En mode Code , l’icône More () est désactivée.

NOTE

• Vous devez cliquer sur le bouton Enregistrer pour enregistrer les modifications apportées dans la vue code.

• Les listes ordonnées et non ordonnées ne sont pas classées dans l’ordre séquentiel.

• Les types de listes imbriquées ne sont pas pris en charge dans les scénarios suivants :

  • Lorsque le contenu est copié et collé.

  • Dans certains scénarios de migration de contenu.

Ajout d’un commentaire en ligne dans l’éditeur WYSIWYG avancé

1. Accédez à l’article de votre choix dans le portail de la base de connaissances.

2. Sélectionnez le texte souhaité pour ajouter un commentaire, et un menu flottant apparaîtra.

3. Cliquez sur l’icône Commentaire () dans le menu flottant.

4. Utilisez des outils de formatage de base tels que le gras et les listes, et en utilisant @ , vous pouvez mentionner les membres de votre équipe de projet si nécessaire.

5. Une fois cela fait, cliquez sur l’icône Envoyer ().

NOTE

Pour désactiver ce mode, accédez au portail de la base de connaissances, Documentation () dans la barre de navigation de gauche.

Dans le volet de navigation de gauche, accédez à Outils de contenu > Concepteur de flux de travail. Passez la souris sur l’état souhaité et cliquez sur l’icône Modifier (✎) et désactivez le bouton Lecture seule .

Pour afficher tous les commentaires d’un article :

1. Naviguez jusqu’à l’article souhaité.

2. Cliquez sur l’icône Commentaire () située sur le côté droit près du bouton de publication.

3. Le panneau Commentaires apparaîtra. Utilisez la liste déroulante en haut pour filtrer les options, telles que Tous les commentaires, Commentaires mentionnés, Commentaires ouverts et Commentaires résolus.

Ici, vous pouvez répondre aux commentaires.

NOTE

Pour plus d’informations, lisez l’article sur Reviewing an article using Inline comments

Choix de formatage pour le collage à partir de Microsoft Word

Vous pouvez choisir de conserver ou d’effacer la mise en forme lorsque vous collez du contenu à partir de Microsoft Word, y compris des éléments tels que des listes, des tableaux, des retraits et des polices.

1. Cliquez sur Coller avec mise en forme pour conserver le format du contenu de Microsoft Word.

2. Cliquez sur Coller en tant que texte brut pour effacer le format du contenu de Microsoft Word.

Dépannage

Impossible de modifier la section de l’article en raison de balises HTML non prises en charge

Ce problème se produit lorsqu’un article est converti de l’éditeur WYSIWYG vers l’éditeur WYSIWYG avancé, ce qui entraîne des balises HTML non prises en charge.

Étapes à résoudre :

1. Pour éviter ce problème, évitez de convertir les articles de l’éditeur WYSIWYG standard vers l’éditeur WYSIWYG avancé.

2. Au lieu de cela, importez ou copiez-collez du contenu directement dans l’éditeur WYSIWYG avancé pour éviter les problèmes de formatage.

3. Si le problème s’est déjà produit, vérifiez l’affichage du code de l’article et supprimez toutes les balises HTML non prises en charge. Ces balises sont généralement encapsulées dans la <editor360-custom-block> balise. La suppression de cette balise rétablira la fonctionnalité d’édition et résoudra le problème.