Éditeur LiKE

L'éditeur intégré pour créer et modifier les articles de la base de connaissances. Construit sur TipTap (ProseMirror) — le même moteur utilisé par Notion, GitBook et d'autres éditeurs modernes.

#Interface de l'éditeur

L'éditeur comporte quatre zones principales :

#Créer un article

1. Dans la section Articles (ou sur l'écran Aperçu), cliquez sur « + Créer un article » — l'éditeur s'ouvre.
2. Pour un nouvel article, l'éditeur affiche une boîte de dialogue « Choisir un modèle » : partir d'une page blanche, générer avec AI Author, ou utiliser un modèle prêt à l'emploi (liste ci-dessous).
3. Saisissez un titre et rédigez dans la zone principale.
4. L'article est enregistré automatiquement à chaque modification.

#Modèles de nouvel article

Outre les modèles système, un Editor+ peut créer des modèles personnalisés pour l'organisation.

#Barre d'outils

La barre d'outils se trouve au-dessus de la zone d'édition. Les boutons sont regroupés par fonction et séparés par des séparateurs verticaux.

#Description des groupes de boutons

1. Historique — ↩ Annuler (Ctrl+Z), ↪ Rétablir (Ctrl+Shift+Z)

2. Type de bloc — bascule entre paragraphe et titres H1–H3

3. Mise en forme — B gras, I italique, U souligné, S barré, ~ code inline

4. Liens et listes — lien hypertexte (Ctrl+Shift+K), à puces, numérotée, checklist

5. Blocs — citation, code avec coloration, tableau (grille de sélection jusqu'à 8x8), séparateur, image

6. Blocs spéciaux — Callout (info / avertissement / erreur / succès), Toggle (bloc repliable)

7. Alignement — à gauche, au centre, à droite

8. Couleur — couleur du texte (9 couleurs), surlignage d'arrière-plan (7 couleurs)

9. IA — menu déroulant : AI Format, AI Improve, AI Rewrite, AI Translate (détails ci-dessous)

10. Zoom — de 70 % à 150 %, nombre de mots et temps de lecture

#Commandes slash

Tapez / sur une ligne vide pour ouvrir le menu d'insertion rapide. Commencez à taper un nom pour filtrer.

Le bouton « + » — la même liste peut s'ouvrir avec le bouton « + » qui apparaît à gauche d'une ligne vide (lorsque le curseur est dans un paragraphe vide). Pratique pour insérer un bloc à la souris sans taper /.

#Bubble Menu (menu flottant)

Des menus contextuels qui apparaissent automatiquement lorsque vous interagissez avec un type de contenu précis.

#Lors de la sélection de texte

Sélectionnez un fragment — un panneau flottant apparaît au-dessus :

B gras · I italique · U souligné · S barré · ~ code · 🔗 lien · ab surlignage · X₂ indice · X² exposant

#Lors d'un clic sur un tableau

Lorsque le curseur est dans une cellule de tableau, un menu contextuel apparaît :

1. Lignes — ajouter une ligne au-dessus/en dessous, supprimer une ligne
2. Colonnes — ajouter une colonne à gauche/à droite, supprimer une colonne
3. Cellules — fusionner les cellules sélectionnées, scinder une cellule précédemment fusionnée
4. En-tête — marquer une ligne comme en-tête
5. Étendre à toute la largeur — étirer le tableau sur toute la largeur du canevas. Disponible en orientation portrait ; en paysage, le bouton est masqué (le canevas y est déjà large)
6. Mise en forme du texte des cellules (le bouton « Aa ») — gras, italique, souligné, barré, code, surlignage, indice et exposant
7. Supprimer le tableau — supprimer l'ensemble du tableau

#Lors d'un clic sur une image

1. Taille (préréglages) — cinq options :
   • S — 25 % de la largeur de la colonne (vignette)
   • M — 50 % (la moitié du texte)
   • L — 75 % (grande illustration)
   • Full — 100 % (sur toute la largeur du contenu)
   • U (Personnalisé) — n'importe quelle largeur définie manuellement en faisant glisser le coin de l'image (poignées de coin). Cet élément est surligné en jaune automatiquement si la largeur actuelle ne correspond à aucun préréglage — un indicateur signalant « vous avez effectué un redimensionnement manuel ». Cliquer sur U ne modifie pas la largeur — ce n'est qu'un indicateur.
2. Alignement — trois options :
   • ◀ Gauche — le texte s'enroule à droite (float: left)
   • ■ Centre — l'image est centrée, le texte passe au-dessus et en dessous (sans enroulement)
   • ▶ Droite — le texte s'enroule à gauche (float: right)
   • Réduction automatique : si vous choisissez un alignement à gauche/droite à la taille Full, la largeur se réduit automatiquement à L (75 %) — sinon l'enroulement du texte ne serait pas visible (une image pleine largeur « repousse » tout le texte en dessous).
3. Déplacer le bloc vers le haut/bas (⌃ / ⌄) — permuter avec le bloc voisin (paragraphe, titre, autre image) sans glisser-déposer. Pratique pour affiner la mise en page.
4. Texte alternatif (Alt) — une description pour le SEO et l'accessibilité (lecteurs d'écran pour les malvoyants). Une petite invite s'ouvre ; saisissez 1 à 2 phrases sur le contenu de l'image.
5. Supprimer — retirer l'image de l'article.

Redimensionnement par glissement. Outre les préréglages S/M/L/Full, vous pouvez faire glisser les coins d'une image sélectionnée à la souris — la largeur se définit en pixels ou en pourcentage avec une précision au pixel près. C'est cette option de largeur que l'indicateur U met en évidence dans le bubble menu.

#Raccourcis clavier

#Images

#Comment insérer

Les images sont automatiquement téléversées vers le stockage cloud (S3 / compatible). Le texte conserve un lien vers une URL sécurisée — l'original n'est pas perdu lors de la copie du contenu.

#Contrôle de la taille

Il y a 4 préréglages et une taille personnalisée :

#Alignement et enroulement

Trois options de positionnement :

• Gauche — l'image est fixée au bord gauche, le texte s'enroule à droite
• Centre — l'image est centrée, le texte passe au-dessus et en dessous sans enroulement
• Droite — l'image est fixée au bord droit, le texte s'enroule à gauche

Remarque : lorsque vous essayez d'aligner une image à gauche/droite en mode Full, elle se réduit automatiquement à L (75 %) — sinon l'enroulement ne serait pas visible. C'est un comportement délibéré pour une mise en page cohérente.

#Recadrer, pivoter et ordonner

Sélectionnez une image — dans le bubble menu qui apparaît, outre la taille et l'alignement, vous pouvez :

• Recadrer / pivoter — ouvre l'éditeur d'image intégré (recadrage, rotation, retournement)
• Déplacer vers le haut / bas — décaler l'image parmi les blocs voisins sans couper-coller
• Supprimer l'image

#Accessibilité (texte Alt)

Le bouton Alt du bubble menu ouvre une invite où vous pouvez saisir une description du contenu de l'image. Il est utilisé :

• Par les moteurs de recherche (SEO) — Google indexe le texte alt pour la recherche d'images
• Par les lecteurs d'écran pour les utilisateurs malvoyants
• En cas d'échec de chargement — le texte alt est affiché à la place de l'image

Nous recommandons de donner un alt significatif de 1 à 2 phrases à chaque image porteuse d'information (captures d'interface, diagrammes, graphiques). Les images décoratives peuvent être laissées avec un alt vide.

#Tableaux

#Insérer un tableau

1. Cliquez sur le bouton ▦ dans la barre d'outils
2. Une grille de sélection de taille apparaît (jusqu'à 8x8)
3. Survolez avec la souris pour choisir le nombre de lignes et de colonnes
4. Cliquez pour insérer

Ou tapez /table dans les commandes slash.

#Travailler avec un tableau

Un déclencheur compact apparaît au-dessus du tableau (une icône de tableau + un bouton Aa distinct pour la mise en forme du texte des cellules). Un clic ouvre un menu avec des groupes :

En complément : les bordures de colonnes peuvent être glissées à la souris pour changer la largeur ; le menu lui-même peut être déplacé par sa poignée supérieure.

Étendre à toute la largeur — le tableau s'étend au-delà de la colonne de texte et prend toute la largeur disponible du canevas (façon Notion). Cette option est disponible en orientation portrait ; en paysage, le canevas est déjà large (voir ci-dessous).

#Orientation du canevas (portrait / paysage)

La barre supérieure de l'éditeur comporte un bouton d'orientation à deux positions :

• Orientation portrait — la colonne de contenu standard (étroite, confortable à lire).
• Orientation paysage (pour les tableaux larges) — la colonne s'élargit pour accueillir les tableaux et diagrammes larges.

Le choix est mémorisé et appliqué non seulement dans l'éditeur mais aussi lors de l'impression et dans l'aperçu A4 (la feuille pivote en paysage). Pour un seul tableau large, vous pouvez laisser l'orientation de tout le document inchangée et étendre uniquement ce tableau (voir « Étendre à toute la largeur » ci-dessus).

#Embeds (contenu intégré)

Insérez du contenu de services externes via la commande slash /embed :

1. Tapez /embed → un champ URL apparaît
2. Collez le lien du contenu
3. L'éditeur détecte automatiquement le type et crée un aperçu en iframe

Services pris en charge :

• YouTube — vidéos
• Vimeo — vidéo
• Figma — maquettes et designs
• Loom — enregistrements d'écran
• Miro — tableaux interactifs
• Google Docs / Sheets / Slides — documents, feuilles de calcul et présentations

#Diagrammes Mermaid

Créez des diagrammes directement dans le texte via la commande slash /mermaid :

graph TD
    A[Start] --> B{Condition}
    B -->|Yes| C[Action 1]
    B -->|No| D[Action 2]

Types pris en charge : organigrammes, diagrammes de séquence, diagrammes de Gantt, cartes mentales, et plus encore.

#Formules mathématiques

#Formule en bloc

Tapez /math — un éditeur de formule LaTeX s'ouvre. Exemple :

E = mc^2

#Formule inline

Tapez /math-inline pour une formule au sein du texte, par ex. : à l'accélération a = F/m.

Rendu via KaTeX — prend en charge la plupart des commandes LaTeX.

#Assistants IA

L'assistant IA est disponible via le bouton ✨ AI de la barre d'outils. Quatre fonctions :

En savoir plus : Assistants IA

#Barre latérale

À droite de l'éditeur se trouve un panneau à quatre onglets :

#1. Table des matières (TOC)

• Construite automatiquement à partir des titres H1, H2, H3
• Cliquez sur un élément — l'éditeur défile jusqu'à la section
• Se met à jour en temps réel à mesure que vous ajoutez des titres

#2. Insights

• Quality score — une évaluation IA de la complétude et de la lisibilité de l'article (0–100 points)
• Lacunes (Gap Alerts) — les sujets que les utilisateurs demandent mais auxquels l'article ne répond pas
• Questions liées — les requêtes auxquelles cet article aide à répondre
• Recommandations — des suggestions pour améliorer le contenu
• Review — un panneau pour soumettre l'article à relecture (pour Pro/Enterprise)

#3. Commentaires

Discussion directement dans l'article (disponible sur le plan Pro et supérieur) :

• Ajouter un commentaire — à l'ensemble de l'article ou à un fragment sélectionné (le texte du fragment est affiché dans l'en-tête du commentaire). Ctrl/⌘+Entrée — envoi rapide.
• Réponses — un fil de réponses ; mentionnez un membre via @Nom.
• Résoudre / rouvrir — marquer une discussion comme résolue et la rouvrir ; le filtre « Actifs / Résolus ».
• Vous pouvez modifier votre propre commentaire ; supprimer — l'auteur ou un éditeur et supérieur.
• L'auteur de l'article reçoit une notification pour un nouveau commentaire, l'auteur du fil — pour une réponse.

#4. Historique

• Une liste de toutes les versions de l'article avec dates et auteurs
• Consulter les versions précédentes
• Revenir à n'importe quelle version enregistrée
• Les 30 derniers points de restauration par document sont conservés — les plus anciens sont supprimés automatiquement.
• Pour éviter un point à chaque enregistrement automatique, les modifications d'une même session (≈10 minutes) sont fusionnées en un seul point. Un « Enregistrer » explicite, une « Publication » et les opérations IA créent un point distinct.

#Enregistrement et publication

#Enregistrement automatique

L'article est enregistré automatiquement quelques secondes après chaque modification. Le statut est affiché dans la barre inférieure :

• Enregistrement... — un enregistrement est en cours
• Enregistré ✓ — toutes les modifications sont enregistrées

#Enregistrement manuel

Appuyez sur Ctrl+S (⌘S sur Mac) pour enregistrer immédiatement.

#Publication

1. Cliquez sur le bouton Publier dans le coin supérieur droit
2. L'article devient disponible pour la recherche et les réponses IA
3. Le statut passe à « Publié ✓ »

Toute nouvelle modification après la publication réinitialise le statut, et vous devez cliquer à nouveau sur « Publier ».

#Visibilité de l'article

Chaque article a un niveau de visibilité (défini via le badge à côté du titre) :

Lorsque vous passez un article en Public, LiKE l'analyse à la recherche de données personnelles et, si des données sont détectées, affiche une boîte de dialogue de confirmation avant la publication. Voir Vérification des données personnelles avant publication.

#Export et partage

#Export

Cliquez sur le bouton Export dans le coin supérieur droit. Formats disponibles :

• Markdown — le texte source
• HTML — une page web
• PDF — un document pour l'impression
• DOCX — un document Word

#Partage

Cliquez sur le bouton Partage :

1. Lien public — toute personne disposant du lien peut lire
2. Interne — utilisateurs authentifiés uniquement
3. Embed — code HTML pour intégration sur un site web

#Review (Pro et supérieur)

Approbation d'un article avant publication. Le panneau se trouve dans la barre latérale droite de l'éditeur, dans l'onglet Insights (le bloc « Approbation »).

1. Soumettre à relecture — l'auteur clique sur « Soumettre à relecture » et choisit un relecteur dans la liste. Un article ne peut avoir qu'une seule demande active.
2. Notification — le relecteur choisi reçoit une notification « On vous demande de relire… ».
3. Décision du relecteur (rôle Editor et supérieur ; vous ne pouvez pas relire votre propre demande) :
   • Approuver — si l'article était un brouillon, il passe automatiquement en visibilité « Interne »
   • Demander des modifications — le renvoyer à l'auteur pour révision
   • Rejeter
4. Notification à l'auteur — avec le résultat (approuvé / rejeté / à réviser).
5. Retirer — l'auteur peut retirer sa demande tant qu'elle est en attente.