Clause de non-responsabilité: Cet article a été généré par traduction automatique.

Éditeur WYSIWYG

Prev Next

Plans prenant en charge cette fonctionnalité : Professional Business Enterprise 

NOTE

  • À partir du 3 juin 2024, l'éditeur WYSIWYG n'est plus disponible pour de nouveaux projets.

  • Les projets créés avant cette date continueront d'avoir accès à l'éditeur WYSIWYG. Cependant, aucune amélioration supplémentaire ni nouvelle fonctionnalité ne sera introduite pour cet éditeur à l'avenir.

  • Pour une meilleure expérience et un accès aux améliorations en cours, nous recommandons d'utiliser l' éditeur avancé WYSIWYG.

L'éditeur WYSIWYG (What You See Is What You Get) ou éditeur HTML est l'une des trois options d'éditeur disponibles dans Document360.  Il permet aux utilisateurs de créer et de prévisualiser du contenu exactement tel qu'il apparaîtra dans les articles publiés ou les pages de catégories sur le site de la base de connaissances.

NOTE

Vous ne pouvez pas passer de l'éditeur WYSIWYG à l'éditeur Markdown. Une fois les articles convertis de Markdown en WYSIWYG, ils ne peuvent plus être annulés. Cependant, il est possible de passer de Markdown à WYSIWYG.


Modifier le titre et l'URL d'un article WYSIWYG

Pour modifier le titre et l'URL d'un article WYSIWYG, suivez ces étapes :

  1. Naviguez vers l'article WYSIWYG souhaité dans le portail de la base de connaissances.

  2. Cliquez sur le titre dans la barre supérieure de l'éditeur.

  3. Un panneau apparaît avec les options suivantes :

    • Titre : Modifier le titre de l'article.

    • Demandez à Eddy AI : Cliquez sur Demander à Eddy AI pour générer trois suggestions de titres basées sur le contenu de l'article. Pour utiliser cette fonctionnalité, votre article doit contenir au moins 50 caractères.

    • URL : Modifier l'URL de l'article dans ce champ. Par défaut, le slug est généré à partir du titre de l'article.
      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, lisez l'article sur Modifier l'URL d'un article.

    • Description : Entrez une brève description de l'article.

The WYSIWYG editor interface showing title, URL, and description fields for editing.


Barre-outils de l'éditeur WYSIWYG

La barre d'outils WYSIWYG offre diverses options pour éditer et formater le texte, y compris la possibilité d'insérer des fichiers multimédias. Les différentes sections de la barre d'outils et leurs utilisations sont présentées et détaillées ci-dessous.

Document360 interface shows the toolbars of WYSIWYG editor

Caractéristiques

Options

Description

Titres

Normal

Applique le style de paragraphe par défaut. Utilisez-le pour le contenu du corps classique de votre article.

Cap 2

Utilisé pour les en-têtes de sections principales. Aide les lecteurs à identifier rapidement les sujets clés dans un article.

Cap 3

Utilisé pour les sous-sections sous l'Intitulé 2. Organise le contenu en morceaux lisibles dans chaque section.

Cap 4

Utilisé pour les divisions plus petites dans le contenu de l'En-tête 3. Cela aide à structurer les informations complexes de façon plus granulaire.

Mise en forme du texte

Gras, ()

Mettez en avant le texte en utilisant un style audacieux.

Italique ()

Mettez en avant le texte en style italique.

Soulignement

Ajoutez un soulignement au texte sélectionné.

Rayage ()

Barrez le texte avec un passage rayé.

Plus de texte ()

Offre des options pour mettre à jour la taille de la police, la famille de polices, la couleur du texte, la couleur d'arrière-plan, l'indice, l'indice et la mise en forme claire.

Mise en forme des paragraphes

Liste non ordonnée ()

Faites une liste avec les symboles suivants : •, ○, ◘. Les symboles du disque et par défaut sont identiques.

Liste ordonnée ()

Faire une liste indiquée par des chiffres pour chaque élément. Vous pouvez utiliser des chiffres, des alphabets, des chiffres romains et des chiffres grecs. Le défaut fait référence aux chiffres.

Plus de paragraphes ()

Pour mettre à jour l'alignement, la hauteur des lignes des paragraphes, les indentations et le texte des citations.

Options d'insertion

Insérer le lien ()

Ajoutez un lien hypertexte provenant d'une URL fournie ou d'un article de la base de connaissances vers le texte sélectionné.

Insérer le bloc de code ()

Ajoutez un bloc de code à votre article, comme un extrait JavaScript.

Insérer l'image ()

Insérez une image depuis l'URL, le stockage local ou le disque. Par exemple, vous pouvez ajouter une capture d'écran de l'interface utilisateur. Vous pouvez aussi utiliser (Ctrl+p) pour effectuer cette action.

Insérer le fichier ()

Ajoutez un fichier depuis le lecteur, comme un Word ou un PDF.

Insérer les signalements ()

Ajoutez des boîtes d'information modifiables en bleu, jaune et rouge pour des informations supplémentaires, importantes et essentielles respectivement.

Notes privées

Insérez une boîte de commentaires interne modifiable, visible uniquement pour les membres de l'équipe connectés pour obtenir des retours internes.

Insérer LaTeX ()

Ajoutez des expressions et équations mathématiques en utilisant la syntaxe LaTeX.

  • Pour ajouter, cliquez sur l'option Insérer LaTeX, et un panneau d'expression Insérer LaTeX apparaît. Tapez la syntaxe LaTeX souhaitée et cliquez sur Insérer.

    NOTE

    Pour plus d'informations, lisez cet article d'aide sur les commandes TeX/LaTeX prises en charge.

  • Pour éditer, cliquez sur l'icône Modifier () sur l'expression. Un panneau d'expression latex insérer apparaît. Effectuez les modifications nécessaires dans la syntaxe et cliquez sur Mettre à jour.

  • Pour supprimer, cliquez sur l'icône Supprimer ().

Trouver et remplacer ()

  • Recherchez et remplacez le texte dans votre article, utile dans les articles longs.

Réutilisation de contenu ()

Réutilisez le contenu à travers le projet avec :

  • Variable : Pour le contenu textuel.

  • Extrait : Pour le texte, les images, les tableaux, les blocs de code, etc.

Glossaire

Maintenez une liste des termes et de leurs définitions dans la base de connaissances.

Plus riche

Insérer la vidéo ()

Intégrez des vidéos de plateformes comme YouTube, Wistia, Streams ou Vimeo.

Insérer la table ()

Ajoutez un tableau en sélectionnant le nombre désiré de lignes et de colonnes.

Insérer une ligne horizontale (—)

Ajoutez une ligne dans l'article.

Émoticônes ()

Insérez des émoticônes pour renforcer l'engagement de l'article.

Autres options

Vue de code ()

Passez à l'éditeur de syntaxe HTML.

Annuler ()

Annulez l'action précédente.

Refaire ()

Répétez l'action précédente.

Changement de monteur

Le bouton de commutation de l'éditeur est utilisé si vous souhaitez convertir votre article en éditeur WYSIWYG avancé.

Cliquez sur bascule, cliquez sur Passer au nouvel éditeur, et l'article sera converti en éditeur WYSIWYG avancé.

NOTE

Pour les étapes et les conseils sur l'utilisation de l'éditeur WYSIWYG avancé, lisez l'article sur l'éditeur WYSIWYG avancé.

Options de mise en forme supplémentaires

Image

Une fois qu'une image est ajoutée à un article, vous pouvez accéder aux options suivantes en cliquant sur l'image :

  1. Remplacer : Pour remplacer l'image.

  2. Aligner : Ajoutez une légende d'image pour aligner l'image.

  3. Légende de l'image. Cela apparaîtra en bas de l'image.

  4. Supprimer : Pour supprimer l'image.

  5. Insérer le lien : Pour ajouter un lien à l'image. Après avoir ajouté le lien, vous pouvez l'ouvrir, le supprimer et le modifier.

  6. Affichage : Pour changer l'affichage de l'image. Vous pouvez utiliser les options Texte en ligne ou Texte Interrompu.

  7. Style : Pour changer le style de la bordure de l'image. Vous pouvez utiliser les options Arrondi, Bordé et Ombre.

  8. Texte alternatif : Pour ajouter un texte alternatif à l'image. Si le fichier image ne peut pas être chargé, le texte alternatif apparaîtra dans une case vide où l'image apparaîtra.

  9. Changer la taille : Ajustez la largeur et la hauteur de l'image en pixels. Cliquez sur mettre à jour pour confirmer.

  10. Édition avancée : Pour éditer votre image, utilisez des outils avancés comme Recadrer pour redimensionner, Options de texte pour ajuster le gras, l'italique, le soulignement, la couleur et la taille, et Rotation pour ajuster l'orientation. Vous pouvez aussi zoomer ou dézoomer pour une édition détaillée, utiliser l' outil Main pour la navigation, et accéder à l'historique des états précédents. Utilisez Annuler et Refaire pour annuler ou répéter les actions, Réinitialiser pour revenir à l'image originale, Supprimer pour supprimer certaines modifications, ou Supprimer tout pour tout effacer. Une fois terminé, cliquez sur Enregistrer pour appliquer et enregistrer vos modifications.

Vidéo

Une fois que vous avez intégré une vidéo dans un article, vous pouvez accéder aux options suivantes en cliquant sur la gauche ou la droite de la vidéo dans le volet d'édition :

  1. Remplacer : Pour remplacer la vidéo.

  2. Supprimer : Pour supprimer la vidéo.

  3. Affichage : Pour changer l'affichage vidéo. Vous pouvez utiliser les options Texte en ligne ou Texte Interrompu.

  4. Aligner : Pour aligner la vidéo.

  5. Changement de taille : Pour changer la taille de la vidéo.

  6. Lecture automatique : Pour activer ou désactiver l'option de lecture automatique.

PDF

Une fois qu'un fichier PDF est ajouté à un article, vous pouvez accéder aux options suivantes en cliquant sur la gauche ou la droite près du fichier PDF dans le panneau éditeur :

  1. Supprimer : Pour supprimer le fichier PDF.

  2. Changer la taille : Pour modifier la taille du fichier PDF.

Fichier Word

Une fois qu'un tableau est ajouté à un article, vous pouvez accéder aux options suivantes en cliquant sur le tableau :

  1. En-tête de table : Allumez ou désactivez le en-tête de table. Cliquez sur ce bouton, et la rangée du haut apparaît sur le tableau.

  2. Enlever la table : Pour retirer la table. Cliquez sur ce bouton, et le tableau ainsi que le contenu seront supprimés. Si vous avez accidentellement cliqué sur le bouton de retrait, vous pouvez toujours utiliser l'action Annuler (Ctrl + Z) pour restaurer la table.

  3. Ligne : Placez le curseur dans n'importe quelle cellule de la ligne prévue et cliquez sur « Insérer la ligne au-dessus » ou « Insérer la ligne en dessous » pour ajouter des lignes au tableau. Cliquez sur « Supprimer la ligne » pour supprimer la ligne actuelle.

  4. Colonne : Placez le curseur dans n'importe quelle cellule de la colonne prévue et cliquez sur « Insérer la colonne au-dessus » ou « Insérer la colonne ci-dessous » pour ajouter des colonnes au tableau. Cliquez sur la colonne « Supprimer » pour supprimer la colonne actuelle.

  5. Style de table : Pour changer le style de table. Vous pouvez utiliser les options de bordures pointillées et de rangées alternatives. L'option des rangées alternées permettrait de distinguer la couleur des rangées.

  6. Cellule : Cliquez sur ce bouton et sélectionnez l'action pour fusionner ou diviser les cellules. Vous pouvez diviser une cellule verticalement ou horizontalement n'importe quel nombre de fois. L'option de fusion ne serait activée que lorsque vous sélectionnez plus d'une cellule horizontalement ou verticalement.

  7. Fond de la cellule : Pour changer la couleur de fond de la cellule. Vous pouvez choisir parmi la palette de couleurs disponible ou entrer le code HEX.

  8. Alignement vertical : Pour modifier l'alignement vertical du contenu dans la cellule. Vous pouvez faire cela pour une seule cellule ou plusieurs sélections de cellules. Si la hauteur de la cellule est supérieure à celle de la taille du contenu, vous pouvez choisir d'aligner le contenu en haut, au milieu ou en bas de la cellule.

  9. Alignement horizontal : Pour modifier l'alignement horizontal du contenu dans la cellule. Vous pouvez faire cela pour une seule cellule ou plusieurs sélections de cellules. Si la largeur de la cellule est supérieure à l'ajustement du contenu, vous pouvez aligner le contenu à gauche, au centre, à droite ou dans un style justifié.

  10. Style de cellule : Pour changer le type de bordure de cellule. Vous pouvez utiliser les options Mise en évidence (change la couleur de la bordure de la cellule) et Épaisse (augmente l'épaisseur de la bordure de cellule) de la cellule sélectionnée.


Quand, où et pourquoi utiliser l'éditeur WYSIWYG

Qui peut utiliser l'éditeur WYSIWYG ?

Des utilisateurs de Document360 qui sont à l'aise avec les éditeurs HTML.

L'éditeur WYSIWYG est-il facile à utiliser ?

Utiliser l'éditeur WYSIWYG ressemble à l'utilisation d'une application de traitement de texte.

Par exemple, Microsoft Word, Google Docs, etc.

Vous pouvez copier-coller du contenu directement depuis un document Word ou toute autre source. Aucune syntaxe particulière n'est requise.

Pourquoi utiliser l'éditeur WYSIWYG ?

  • Contrairement à l'éditeur Markdown, l'éditeur WYSIWYG utilise un seul panneau d'édition puisque le contenu écrit est déjà en mode aperçu.

  • L'éditeur WYSIWYG offre une fonctionnalité unique pour coller de grandes tables depuis un site tiers ou une autre base de connaissances.


FAQ

Comment puis-je insérer des symboles de flèches haut et bas dans l'éditeur WYSIWYG ?

Vous pouvez ajouter des caractères de flèches (↑) et vers le bas (↓) dans l'éditeur WYSIWYG en utilisant l'une des méthodes suivantes :

  1. Utilisation des raccourcis clavier

    1. Flèche vers le haut (↑) : Appuyez ALT + 24 sur le clavier numérique

    2. Flèche vers le bas (↓) : Appuyez ALT + 25 sur le clavier numérique

    Note : Assurez-vous que le NUM LOCK est activé sur votre clavier lorsque vous utilisez ces raccourcis.

  2. Utilisation d'Unicode en vue code

    Si vous êtes à l'aise pour éditer dans la Vue Code de l'éditeur WYSIWYG, vous pouvez insérer les valeurs Unicode suivantes :

    1. Flèche vers le haut : ↑

    2. Flèche vers le bas : ↓

Ces méthodes vous permettent d'insérer des flèches partout où c'est nécessaire dans le contenu de votre article.