L’éditeur web
DocPlatform inclut un éditeur de texte riche basé sur Tiptap (fondé sur ProseMirror) qui affiche le Markdown en temps réel tout en préservant une compatibilité totale avec le format Markdown source. Chaque modification que vous effectuez produit un fichier .md propre — pas de format propriétaire, pas de verrouillage.
Disposition de l’éditeur
┌─────────────────────────────────────────────────────────────┐
│ Sidebar │ Editor │
│ │ │
│ 📁 Getting │ ┌──────────────────────────────────┐ │
│ Started │ │ Frontmatter (collapsible) │ │
│ 📁 Guides │ │ Title: ___________________ │ │
│ 📁 API │ │ Description: ______________ │ │
│ > auth.md │ │ Tags: [api] [auth] │ │
│ > endpoints │ └──────────────────────────────────┘ │
│ 📄 changelog │ │
│ │ Start writing here... │
│ ┌────────────┐ │ │
│ │ + New Page │ │ │
│ └────────────┘ │ ┌──────────────────────────────────┐ │
│ │ │ Toolbar: B I Link Image Code ... │ │
└───────────────────┴──┴──────────────────────────────────┘ │
Barre latérale
- Arborescence des pages — Liste imbriquée de toutes les pages de l’espace de travail. Glissez pour réorganiser.
- Nouvelle page — Créez une nouvelle page au niveau racine ou imbriquée sous une page existante.
- Raccourci de recherche — Cliquez ou appuyez sur
Cmd+K/Ctrl+Kpour ouvrir la recherche plein texte.
Formulaire de frontmatter
La section de frontmatter repliable en haut de l’éditeur fournit des champs de formulaire pour les métadonnées de la page :
| Champ | Description | Obligatoire |
|---|---|---|
| Title | Titre de la page et libellé de navigation | Oui |
| Description | Résumé affiché dans les résultats de recherche et les balises méta SEO | Non |
| Tags | Étiquettes de catégorisation pour le filtrage et la découverte | Non |
| Published | Bascule pour inclure/exclure du site public | Non |
| Access | Niveau de visibilité : public, workspace, restricted |
Non |
Les modifications des champs de frontmatter mettent automatiquement à jour le bloc YAML dans le fichier .md.
Barre d’outils
La barre d’outils de mise en forme offre un accès rapide à :
| Action | Raccourci | Description |
|---|---|---|
| Gras | Cmd+B |
Texte en gras |
| Italique | Cmd+I |
Texte en italique |
| Code | Cmd+E |
Code en ligne |
| Lien | Cmd+K |
Insérer ou modifier un lien hypertexte |
| Titre 1-3 | Cmd+Shift+1/2/3 |
Titres de section |
| Liste à puces | Cmd+Shift+8 |
Liste non ordonnée |
| Liste numérotée | Cmd+Shift+7 |
Liste ordonnée |
| Liste de tâches | Cmd+Shift+9 |
Liste à cases à cocher |
| Citation | Cmd+Shift+> |
Bloc de citation |
| Bloc de code | Cmd+Alt+C |
Bloc de code clôturé avec sélecteur de langage |
| Image | — | Télécharger ou coller une image |
| Tableau | — | Insérer un tableau |
| Ligne horizontale | --- |
Ligne de séparation |
Modes d’écriture
Mode texte riche (par défaut)
L’éditeur affiche le Markdown sous forme de contenu mis en forme. Les titres apparaissent comme des titres, les liens sont cliquables, les blocs de code ont la coloration syntaxique.
Mode Markdown brut
Cliquez sur le bouton </> dans la barre d’outils pour basculer vers l’édition Markdown brute. Cela vous donne une vue en texte brut du fichier avec coloration syntaxique.
Le mode brut est utile pour :
- Ajuster finement la mise en forme Markdown
- Modifier directement le frontmatter YAML
- Coller du contenu provenant d’autres sources
- Utiliser des composants personnalisés (Callout, Tabs, etc.)
Les modifications se synchronisent instantanément entre les modes. Basculez librement sans perdre votre travail.
Sauvegarde automatique
DocPlatform sauvegarde automatiquement votre travail toutes les quelques secondes. Vous verrez un indicateur d’état dans la barre d’outils :
| État | Signification |
|---|---|
| Saved | Toutes les modifications sont enregistrées sur le disque |
| Saving… | Écriture en cours |
| Unsaved changes | Modifications en attente de sauvegarde (connexion instable ou erreur) |
Si la synchronisation git est activée, chaque sauvegarde déclenche un auto-commit. Les commits sont regroupés — des modifications rapides produisent un seul commit avec le format de message : docs: update {page-title}.
Travailler avec le contenu
Images
Glissez-déposez ou collez des images directement dans l’éditeur. Les images sont stockées dans le répertoire d’assets de l’espace de travail et référencées avec des chemins relatifs.
Formats supportés : PNG, JPG, GIF, SVG, WebP.
Tableaux
Insérez des tableaux depuis la barre d’outils. Les tableaux supportent :
- Ajout/suppression de lignes et colonnes
- Bascule de la ligne d’en-tête
- Alignement du texte (gauche, centre, droite)
- Syntaxe de tableau Markdown en mode brut
Blocs de code
Insérez des blocs de code avec la barre d’outils ou en tapant trois backticks (```). Sélectionnez un langage pour la coloration syntaxique — Shiki prend en charge plus de 200 langages.
// Code blocks with syntax highlighting
function greet(name) {
return `Hello, ${name}!`;
}
Liens internes
Créez des liens vers d’autres pages de votre espace de travail en utilisant des liens Markdown standard :
See the [API Authentication](/fr/docs/reference/api/) guide.
DocPlatform valide les liens internes et la commande doctor signale les références cassées.
Raccourcis clavier
| Raccourci | Action |
|---|---|
Cmd+S |
Forcer la sauvegarde |
Cmd+K |
Ouvrir la boîte de recherche |
Cmd+Z |
Annuler |
Cmd+Shift+Z |
Rétablir |
Cmd+/ |
Basculer le commentaire Markdown |
Tab |
Indenter un élément de liste |
Shift+Tab |
Désindenter un élément de liste |
Cmd+Enter |
Basculer l’état d’une tâche (dans les listes de tâches) |
Escape |
Fermer les dialogues / désélectionner |
Note : Sous Windows et Linux, remplacez
CmdparCtrl.
Collaboration en temps réel
Lorsque plusieurs utilisateurs sont actifs dans le même espace de travail, des indicateurs de présence montrent qui est en ligne et quelle page ils consultent. La barre latérale affiche les avatars des utilisateurs à côté des pages en cours d’édition.
DocPlatform ne prend pas en charge l’édition simultanée de la même page par plusieurs utilisateurs. Si deux utilisateurs tentent de sauvegarder des modifications conflictuelles sur la même page, le Content Ledger détecte la collision via le hash de contenu et renvoie une erreur 409 avec les deux versions disponibles pour résolution manuelle.
Astuces
- Glissez les pages dans la barre latérale pour réorganiser la structure de votre documentation
- Composants de la barre d’outils — insérez des callouts, des blocs de code et des tableaux depuis la barre d’outils de l’éditeur
- Collez du texte riche depuis Google Docs, Notion ou Confluence — l’éditeur le convertit en Markdown propre
- Valeurs par défaut du frontmatter — définissez des valeurs par défaut au niveau de l’espace de travail pour
published,accessettagsafin de réduire la saisie répétitive