Qu’est-ce que la fonctionnalité canvas dans ChatGPT et comment l’utiliser?

Canvas est une nouvelle interface pour travailler avec ChatGPT sur des projets de rédaction et de programmation qui nécessitent des modifications et des révisions.

Avec canvas, ChatGPT peut mieux comprendre le contexte de ce que vous essayez d’accomplir. Vous pouvez mettre en évidence des sections précises pour indiquer exactement ce sur quoi vous voulez que ChatGPT se concentre. Il peut aussi fournir de la rétroaction et des suggestions en ligne en tenant compte de l’ensemble du projet.

Vous contrôlez le projet dans canvas. Vous pouvez modifier directement le texte ou le code. Vous pouvez utiliser les raccourcis pour demander à ChatGPT d’ajuster la longueur du texte, de déboguer votre code et d’effectuer rapidement d’autres actions utiles. Vous pouvez aussi restaurer des versions précédentes de votre travail à l’aide du bouton Retour dans canvas.

Comment fonctionne le rendu React/HTML?

Le code React/HTML est rendu dans un environnement bac à sable, ce qui vous permet de voir la sortie du code. De nombreux paquets npm et bibliothèques JavaScript fonctionneront, mais les aperçus qui doivent charger des paquets externes ou des ressources Web peuvent dépendre des paramètres d’accès réseau de canvas de votre espace de travail.

Boutons d’activation pour l’exécution de code canvas et l’accès au réseau

Veuillez noter que l’exécution de code et le rendu React/HTML peuvent entraîner des requêtes réseau externes. Les administrateurs d’espaces de travail Enterprise peuvent contrôler si l’exécution de code canvas est offerte aux utilisateurs de l’espace de travail, ainsi que les comportements par défaut d’accès au réseau. Par défaut, l’exécution de code canvas est activée, tandis que Autoriser le code canvas à accéder au réseau est désactivé pour les espaces de travail Enterprise, mais ces boutons d’activation sont configurables dans les paramètres d’administration de votre espace de travail.

Accéder à canvas dans ChatGPT

ChatGPT peut ouvrir un canvas lorsqu’il comprend ce que vous essayez d’accomplir. Par exemple, vous pouvez demander à ChatGPT de générer un texte (p. ex. « écrivons un long essai expliquant pourquoi la fraise est un pseudocarpe ») ou de rédiger du code pour vous (p. ex. « écris un serveur Web en python »), et il répondra avec un canvas. Vous pouvez généralement vous attendre à ce que ChatGPT ouvre automatiquement un canvas lorsque ChatGPT génère du contenu de plus de 10 lignes ou détecte une situation où une interface de rédaction ou de code serait utile. De plus, vous pouvez inclure « utilise canvas… » dans votre invite pour demander à ChatGPT d’ouvrir canvas.

Les réponses avec canvas ouvriront automatiquement une fenêtre du côté droit qui contient le contenu demandé.

Vous pouvez aussi commencer avec un canvas vide avec ChatGPT sur le Web en disant des choses comme « ouvre un canvas » ou « ouvre un canvas de codage ». Avec un canvas vide, vous pouvez travailler sur un projet existant en le collant dans le canvas vide, ou simplement en tapant dans canvas.

Vous pouvez aussi coller du contenu dans ChatGPT et l’ouvrir instantanément dans canvas grâce à un raccourci dans le coin supérieur droit du composeur.

De plus, la boîte à outils du composeur d’invites vous permet également de demander à ChatGPT de créer un nouveau canvas dans votre invite. Cela peut aussi être déclenché en tapant une barre oblique inverse (« / »), puis en utilisant la commande « canvas ».

Modifier votre projet avec canvas

Vous pouvez apporter des modifications avec canvas simplement en les demandant dans la conversation. De plus, vous pouvez sélectionner une partie du contenu en mettant le texte en surbrillance ou utiliser l’icône de commentaire de bloc pour sélectionner un bloc de paragraphe entier. Cela ouvrira un champ de saisie où vous pourrez fournir des indications sur ce qu’il faut expliquer ou modifier dans la section sélectionnée.

Vous pouvez aussi modifier directement le contenu du canvas en cliquant dans canvas et en tapant. Veuillez noter que seules les options de mise en forme Markdown de base sont prises en charge, notamment le gras, l’italique, les titres, les puces et les listes numérotées. Nous n’offrons pas actuellement d’options de mise en forme plus avancées dans canvas.

Vous pouvez obtenir des suggestions de commentaires ciblées de ChatGPT en sélectionnant simplement les raccourcis Suggérer des modifications ou Réviser le code. En cliquant sur la bulle de commentaire, vous pouvez voir la suggestion précise fournie par ChatGPT. Vous pouvez soit modifier directement l’élément signalé et fermer le commentaire, soit sélectionner Appliquer pour que ChatGPT génère automatiquement du contenu afin de répondre au commentaire.

Lorsque vous travaillez à une tâche de rédaction, vous avez aussi la possibilité de mettre en évidence des portions précises de votre texte ou de votre code et de demander à ChatGPT de requérir des modifications pour cette section ou de poser une question à son sujet. Les options de mise en forme sont également accessibles en mettant en évidence un morceau de texte. La mise en forme Markdown de base est prise en charge, notamment le gras, l’italique, les titres, les puces et les listes numérotées. Nous n’offrons pas actuellement d’options de mise en forme plus avancées dans canvas.

Raccourcis sur canvas pour la rédaction et la programmation

Canvas avec ChatGPT donne accès à un ensemble de raccourcis de rédaction qui vous permettent de demander des modifications suggérées, d’ajuster la longueur du résultat, de modifier le niveau de lecture visé et d’ajouter des émojis ou une touche finale à votre texte. Pour trouver ces raccourcis, survolez le menu des raccourcis dans le coin inférieur droit de la page.

Pour les documents de rédaction, vous pouvez utiliser les raccourcis suivants :

• Suggérer des modifications : ChatGPT ajoutera des suggestions en ligne pour améliorer votre rédaction.

• Ajuster la longueur : raccourcit ou allonge votre document.

• Changer le niveau de lecture : ajuste le niveau de lecture, de la maternelle aux études supérieures.

• Ajouter une touche finale : vérifie la grammaire, la clarté et la cohérence.

• Ajouter des émojis : remplace des mots par des émojis ou en ajoute pour donner plus d’accent et de couleur.

Pour le codage, vous pouvez utiliser les raccourcis suivants :

• Ajouter des journaux : insère des instructions d’impression pour aider au débogage et au suivi de l’exécution.

• Ajouter des commentaires : ajoute des commentaires pour expliquer le code et améliorer la lisibilité.

• Corriger les bogues : détecte et réécrit le code problématique pour résoudre les erreurs.

• Adapter à un langage : traduit votre code dans des langages comme JavaScript, Python, Java, TypeScript, C++ ou PHP.

• Révision de code : fournit des suggestions en ligne pour optimiser et améliorer votre code.

Certains raccourcis mettent immédiatement à jour le contenu de votre projet, comme Ajouter des émojis, Ajouter une touche finale, Corriger les bogues et Adapter à un langage.

D’autres raccourcis peuvent être ajustés à l’aide d’un curseur. Par exemple, le raccourci Ajuster la longueur vous donne la flexibilité de choisir des options allant de la longueur la plus courte à la plus longue. Le raccourci Niveau de lecture vous permet d’ajuster le niveau de lecture, de la maternelle aux études supérieures.

Historique des versions et affichage des modifications

Vous pouvez parcourir les versions de votre document ou de votre code dans canvas à l’aide de l’historique des versions, via les flèches de la barre d’outils supérieure. Cela vous permet de voir les versions précédentes et de les restaurer si vous le souhaitez. Vous pouvez aussi copier le contenu de votre projet en sélectionnant le bouton Copier.

De plus, vous pouvez voir les modifications entre les versions de canvas en utilisant le bouton Afficher les modifications dans la barre d’outils supérieure. Cela affichera les ajouts et les suppressions pour les documents comme pour le code.

Exécuter du code Python avec canvas

Vous pouvez exécuter des fichiers de code canvas pour Python directement dans votre navigateur lorsque vous utilisez canvas, en sélectionnant le bouton Exécuter dans votre canvas. Lors de l’exécution de code Python, la sortie s’affiche dans la console au bas de l’écran. Lorsque des erreurs s’affichent dans la console, ChatGPT propose une suggestion concernant l’erreur; cliquez sur le bouton Corriger le bogue pour que ChatGPT tente de la corriger pour vous!

Cette fonctionnalité est actuellement offerte uniquement pour le code Python, mais nous prévoyons d’étendre l’accès à d’autres langages de programmation à l’avenir.

Activer canvas pour votre GPT

Canvas fonctionne maintenant avec les GPT. Vous pouvez activer l’accès à canvas pour les GPT en activant la capacité canvas dans le GPT Builder. Cela permet aux utilisateurs finaux de votre GPT d’ouvrir un canvas pendant une conversation avec votre GPT.

Veuillez noter que cette capacité est désactivée pour tous les GPT existants et activée par défaut pour tous les GPT nouvellement créés. Vous pouvez modifier ce réglage à tout moment dans le GPT Builder.


En savoir plus sur le GPT Builder.

Partager un canvas avec d’autres personnes

Les utilisateurs peuvent maintenant partager une ressource canvas, comme du code React/HTML rendu, un document ou du code, avec un autre utilisateur, comme vous partagez une conversation. Vous pouvez le faire à partir de la barre d’outils de canvas lorsque canvas est ouvert.

Télécharger votre fichier canvas

Vous pouvez maintenant exporter vos documents canvas dans plusieurs formats, selon le type de contenu. Cherchez le bouton Télécharger dans le coin supérieur droit de votre canvas pour l’essayer.

Pour les documents généraux (comme les essais ou les billets de blogue), canvas prend en charge l’exportation aux formats PDF, Markdown (.md) et Word (.docx).

Pour les canvas basés sur du code, canvas détecte intelligemment le langage et exporte le fichier avec l’extension appropriée (p. ex., .py, .js, .sql, etc.), en préservant la mise en forme et la syntaxe.

Cette fonctionnalité facilite l’archivage de votre travail, le partage de brouillons ou la poursuite de la modification dans des outils externes.

L’aperçu canvas ne termine pas son chargement pendant « Installation des paquets »?

Certains aperçus JS/HTML Canvas nécessitent que le navigateur de l’utilisateur charge des paquets externes ou d’autres ressources Web avant de pouvoir effectuer le rendu. Si l’option Autoriser le code canvas à accéder au réseau est désactivée, ou si les contrôles réseau du navigateur ou de l’organisation bloquent un domaine externe requis, l’aperçu pourrait ne pas finir de charger.

Vérifiez si la console du navigateur contient des erreurs comme Failed to fetch, Refused to connect ou des erreurs Content Security Policy. Si l’accès réseau du code canvas est déjà activé, vérifiez si les contrôles du navigateur, du proxy, du pare-feu ou de l’endpoint bloquent le domaine requis.

Canvas et sécurité Web

Canvas peut afficher un aperçu de sites Web et d’autres contenus Web. Le contenu Web est nécessairement en ligne et peut communiquer avec des tiers qui ne sont pas OpenAI.

La communication effectuée par l’aperçu Web peut être aussi simple que l’utilisation d’Internet pour accéder à une image, mais elle peut aussi être aussi dangereuse que l’envoi d’informations que vous avez saisies ou partagées avec ChatGPT à un tiers.

ChatGPT prend les informations que vous fournissez pendant la conversation et les utilise pour produire des réponses éclairées. Dans certains cas, par exemple si vous collez des informations provenant d’Internet, ou lorsque des résultats d’actualité ou de recherche sont récupérés, ChatGPT utilisera d’autres informations pour ses réponses, y compris dans la génération de code avec canvas.

Lorsque vous interagissez avec l’aperçu Web de canvas, ChatGPT vous demandera de confirmer les communications avec des tiers qu’OpenAI ne connaît pas. Si vous confirmez cette communication, nous autorisons l’aperçu à communiquer avec ce tiers.