Passer au contenu principal

Documentation Index

Fetch the complete documentation index at: https://www.mintlify.com/docs/llms.txt

Use this file to discover all available pages before exploring further.

Le menu contextuel offre un accès rapide à un objet optimisé par l’IA et à des intégrations directes avec des outils d’IA populaires. Lorsque les utilisateurs ouvrent le menu contextuel sur n’importe quelle page, ils peuvent copier l’objet comme context pour des outils d’IA ou lancer des conversations dans ChatGPT, Claude, Perplexity, Google AI Studio, Grok, Devin, Windsurf, ou un outil personnalisé de votre choix, avec votre documentation déjà chargée comme context. Le menu contextuel comprend plusieurs options prédéfinies que vous pouvez activer en ajoutant leur identifiant à votre configuration.
OptionIdentifiantDescription
Copier la pagecopyCopie la page actuelle en Markdown pour la coller comme contexte dans des outils d’IA
Afficher en MarkdownviewOuvre la page actuelle en Markdown
Demander à l’AssistantassistantOuvre l’Assistant avec la page actuelle comme contexte
Ouvrir dans ChatGPTchatgptCrée une conversation ChatGPT avec la page actuelle comme contexte
Ouvrir dans ClaudeclaudeCrée une conversation Claude avec la page actuelle comme contexte
Ouvrir dans PerplexityperplexityCrée une conversation Perplexity avec la page actuelle comme contexte
Ouvrir dans GrokgrokCrée une conversation Grok avec la page actuelle comme contexte
Ouvrir dans Google AI StudioaistudioCrée une conversation Google AI Studio avec la page actuelle comme contexte
Ouvrir dans DevindevinCrée une session Devin avec la page actuelle comme contexte
Ouvrir dans WindsurfwindsurfOuvre Windsurf Cascade avec la page actuelle comme contexte
Copier l’URL du serveur MCPmcpCopie l’URL de votre serveur MCP dans le presse‑papiers
Copier la commande d’installation MCPadd-mcpCopie la commande npx add-mcp pour installer le serveur MCP
Se connecter à CursorcursorInstalle votre serveur MCP hébergé dans Cursor
Se connecter à VS CodevscodeInstalle votre serveur MCP hébergé dans VS Code
Se connecter à Devindevin-mcpInstalle votre serveur MCP hébergé dans Devin
Options personnaliséesObjetAjoutez des options personnalisées au menu contextuel
Le menu contextuel développé affichant les éléments Copier la page, Afficher en Markdown, Ouvrir dans ChatGPT et Ouvrir dans Claude.

​
Activer le menu contextuel

Ajoutez le champ contextual à votre fichier docs.json et indiquez les options que vous souhaitez inclure. 
{
 "contextual": {
   "options": [
     "copy",
     "view",
     "assistant",
     "chatgpt",
     "claude",
     "perplexity",
     "grok",
      "aistudio",
      "devin",
      "windsurf",
      "mcp",
      "cursor",
      "vscode",
      "devin-mcp"
    ]
 }
}

​
Emplacement d’affichage

Par défaut, le menu contextuel apparaît dans l’en-tête de la page. Vous pouvez le configurer pour qu’il s’affiche à la place dans la barre latérale de la table des matières à l’aide de l’option display. 
{
  "contextual": {
    "options": ["copy", "view", "chatgpt", "claude"],
    "display": "toc"
  }
}
ValeurDescription
headerAffiche les options dans le menu contextuel en haut de la page (par défaut)
tocAffiche les options dans la barre latérale de la table des matières

​
Ajout d’options personnalisées

Créez des options personnalisées dans le menu contextuel en ajoutant un objet au tableau options. Chaque option personnalisée requiert les propriétés suivantes :
​
title
string
requis
Le titre de l’option.
​
description
string
requis
La description de l’option. Affichée sous le titre lorsque le menu contextuel se déroule.
​
icon
string
requis
Icône à afficher.Options :
  • Nom d’icône Font Awesome si vous avez la propriété icons.library définie sur fontawesome dans votre docs.json
  • Nom d’icône Lucide si vous avez la propriété icons.library définie sur lucide dans votre docs.json
  • Nom d’icône Tabler si vous avez la propriété icons.library définie sur tabler dans votre docs.json
  • URL vers une icône hébergée en externe
  • Chemin vers un fichier d’icône dans votre projet
​
iconType
string
Style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options : regular, solid, light, thin, sharp-solid, duotone, brands.
​
href
string | object
requis
Le href de l’option. Utilisez une chaîne pour des liens simples ou un objet pour des liens dynamiques avec des paramètres de requête.
Exemple d’option personnalisée : 
{
    "contextual": {
        "options": [
            "copy",
            "view",
            "chatgpt",
            "claude",
            "perplexity",
            {
                "title": "Demander une fonctionnalité",
                "description": "Rejoignez la discussion sur GitHub pour demander une nouvelle fonctionnalité",
                "icon": "plus",
                "href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
            }
        ]
    }
}

​
Exemples d’options personnalisées

{
  "title": "Demander une fonctionnalité",
  "description": "Rejoindre la discussion sur GitHub",
  "icon": "plus",
  "href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
}

{
  "title": "Partager sur X",
  "description": "Partager cette page sur X",
  "icon": "x",
  "href": {
    "base": "https://x.com/intent/tweet",
    "query": [
      {
      "key": "text",
      "value": "Découvrez cette documentation : $page"
      }
    ]
  }
}

Sujets connexes

Model Context ProtocolRéférence du schéma docs.jsonScripts personnalisés