Télécharger

Éditeur de documents — Guide utilisateur | YoBench

Comment utiliser le module « Docs » dans YoBench : éditeur rich-text TipTap, wiki-liens, Mermaid et Draw.io, KaTeX, historique des versions, assistant IA.

À quoi sert le module « Docs »

Le module est un éditeur rich-text complet à l'intérieur de YoBench pour wikis internes, notes personnelles et documentation projet. Sous le capot — TipTap sur ProseMirror : menu de commandes /, vaste palette de blocs, diagrammes Mermaid et Draw.io, formules KaTeX, wiki-liens entre pages, historique des versions et assistant IA.

Ce que vous obtenez :

  • Hiérarchie de pages — documents imbriqués avec arbre dans la barre latérale et fil d'Ariane.
  • Éditeur riche — titres, listes de tâches, tableaux, citations, blocs de code avec coloration syntaxique (28 langages), callouts, toggles, table des matières, find & replace, sélecteur d'emojis.
  • Diagrammes et formules — Mermaid, Draw.io (interactif), KaTeX.
  • Médias — images redimensionnables, embed YouTube/Vimeo, pièces jointes.
  • Wiki-liens[[Nom de page]] avec autocomplétion ; backlinks suivis automatiquement.
  • Historique des versions — jusqu'à 50 snapshots par page avec restauration.
  • Assistant IA — Summarize, Continue Writing, Translate (8 langues), Improve Text.
  • Export/import — Markdown, HTML, archives ZIP ; l'import .md crée une nouvelle page.
  • Stockage local — toutes les pages et versions dans la base chiffrée de YoBench.
  • Favoris et corbeille paginés — les longues listes de pages favorites ou supprimées se chargent par pages, la barre latérale reste réactive.

Paramètres de page

À la création ou édition :

  • Titre — nom affiché.
  • Icône — emoji depuis le picker.
  • Image de couverture — URL (optionnel).
  • Parent — pour l'imbrication.
  • Drapeaux — favori, supprimé (corbeille), modèle.

Les tags et catégories ne sont pas implémentés — la structuration passe par la hiérarchie et les favoris.

Fonctionnalités de l'éditeur

Mise en forme

  • Gras, italique, souligné, barré, code en ligne.
  • Couleur de texte, surlignage, indice et exposant.
  • Alignement (gauche / centre / droite).

Blocs structurels

  • Titres H1, H2, H3.
  • Listes à puces et numérotées.
  • Listes de tâches avec cases à cocher.
  • Citations, blocs de code (28 langages, lowlight).
  • Tableaux avec édition des cellules.
  • Séparateurs horizontaux.
  • Blocs callout : Info / Warning / Success / Error.
  • Blocs toggle (repliables).
  • Table des matières dynamique (TOC).

Blocs avancés

  • Wiki-liens[[Nom de page]] avec autocomplétion sur les pages existantes.
  • Mermaid — diagrammes en code.
  • Draw.io — éditeur vectoriel interactif.
  • KaTeX — math en ligne et en bloc.
  • Vidéo — embed YouTube/Vimeo.
  • Images — upload drag-and-drop avec redimensionnement.
  • Pièces jointes — fichiers arbitraires attachés à la page.

Commandes slash

Tapez / dans l'éditeur — un menu d'insertions rapides s'ouvre : /heading1, /heading2, /heading3, /bulletList, /taskList, /table, /image, /codeBlock, /math, /mermaid, /drawio, /video, /quote, /toggle, /toc, /divider et plus.

Find & Replace, sélecteur d'emojis

Recherche-remplacement standard plus sélecteur d'emojis depuis la barre d'outils.

Historique des versions

  • Un snapshot (docs_page_versions) est créé automatiquement quand vous passez à une autre page.
  • Jusqu'à 50 versions par page sont conservées ; les plus anciennes sont supprimées.
  • Le panneau Historique des versions liste les snapshots avec horodatage ; Restaurer rend la version choisie courante, et l'état précédent est sauvegardé comme nouvelle version.

Assistant IA

La barre d'outils a un bouton « auto-amélioration ». Actions disponibles :

  • Summarize — résumé court du texte sélectionné ou de la page entière.
  • Continue Writing — continue le texte dans le même style.
  • Translate — traduit vers 8 langues (anglais, russe, allemand, espagnol, français, portugais, chinois, japonais).
  • Improve Text — améliore la grammaire et la clarté.

Les résultats peuvent s'insérer à la position du curseur ou remplacer la sélection. Le fournisseur IA vient des réglages globaux du module.

Export et import

  • Markdown (.md) — export de la page courante.
  • HTML (.html) — export avec styles inline.
  • ZIP (Markdown) — toutes les pages en .md.
  • ZIP (HTML) — toutes les pages en .html.
  • Import .md — crée une nouvelle page depuis un fichier.
  • Envoyer dans un contexte — pousser le contenu de la page dans Context Manager & RAG pour une recherche IA ultérieure.

Réglages globaux

Sous Réglages → Docs :

  • Fournisseur IA pour Docs (docsAiProviderId) — quel fournisseur du registre AI Chat anime Summarize / Continue / Translate / Improve.

Flux d'utilisation

1. Créez votre première page

  1. Ouvrez le module Docs depuis le menu de gauche.
  2. Dans la sidebar cliquez sur + Nouvelle page.
  3. Saisissez un titre et choisissez optionnellement une icône.
  4. Ouvrez la page.

2. Écrivez le contenu

  • Tapez le texte ; / ouvre le menu slash.
  • Glissez des fichiers directement dans l'éditeur pour les pièces jointes et images.
  • Utilisez [[]] pour un wiki-lien vers une autre page.

3. Construisez la structure

  • Glissez les pages dans la sidebar pour changer la hiérarchie.
  • Marquez les pages utilisées souvent comme Favoris.

4. Utilisez l'assistant IA

Sélectionnez du texte → bouton IA dans la barre d'outils → choisissez une action. Le résultat s'insère ou remplace la sélection.

5. Revenez à une version

Ouvrez le panneau Historique des versions → choisissez un snapshot → Restaurer. Le contenu actuel est conservé comme une autre version.

6. Exportez

Menu de la page → Exporter → choisissez un format. Pour tout l'arbre — Exporter ZIP.

Étapes suivantes

Aide et retour

Vous voulez les tags, l'édition collaborative ou plus de formats d'export ? Contactez-nous via le formulaire de retour.