Veuillez noter que canvas est disponible sur le Web, Windows et MacOS. Bientôt disponible sur les plateformes mobiles (iOS, Android, Web mobile).
Canvas est une nouvelle interface pour travailler avec ChatGPT sur des projets de rédaction et de codage 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 surligner des sections précises pour indiquer exactement sur quoi vous voulez que ChatGPT se concentre. Il peut également fournir des retours 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 également restaurer des versions précédentes de votre travail en utilisant le bouton Retour dans canvas.
Veuillez noter que Canvas n’est pas disponible avec les modèles de la série pro.
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 packages npm et bibliothèques JavaScript fonctionneront, mais les aperçus qui doivent charger des packages 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’exécution de code canvas et d’accès réseau
Veuillez noter que l’exécution de code et le rendu React/HTML peuvent entraîner l’envoi de requêtes réseau externes. Les administrateurs d’espaces de travail Enterprise peuvent contrôler si l’exécution de code canvas est disponible pour les 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 sont configurables dans les paramètres d’administration de votre espace de travail.
Accéder à canvas sur 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 une 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 lorsqu’il génère un contenu de plus de 10 lignes ou détecte un scénario où il serait utile de disposer d’une interface pour la rédaction ou le code. Vous pouvez aussi inclure « utiliser canvas… » dans votre prompt pour demander à ChatGPT d’ouvrir canvas.
Les réponses avec canvas ouvriront automatiquement une fenêtre sur le côté droit contenant le contenu demandé.
Vous pouvez également commencer avec un canvas vierge avec ChatGPT sur le Web en disant des choses comme « ouvrir un canvas » ou « ouvrir un canvas de codage ». Avec un canvas vierge, vous pouvez travailler sur un projet existant en le collant dans le canvas vierge, ou simplement en tapant dans le canvas.
Vous pouvez également coller du contenu dans ChatGPT et l’ouvrir instantanément dans canvas via un raccourci situé dans l’angle supérieur droit du composeur.
La boîte à outils du composeur de prompt vous permet aussi de demander à ChatGPT de créer un nouveau canvas dans votre prompt. Cela peut également être déclenché en tapant une barre oblique inverse (« / »), puis en utilisant la commande « canvas ».
Modifier votre projet avec canvas
Vous pouvez effectuer des modifications avec canvas en les demandant simplement dans le chat. Vous pouvez également sélectionner une partie du contenu en surlignant le texte, ou utiliser l’icône de commentaire de bloc pour sélectionner un bloc de paragraphe entier. Cela ouvrira un champ de saisie dans lequel vous pourrez fournir des consignes 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 le canvas et en saisissant du texte. 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 ne proposons 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 Relire 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 répondant au commentaire.
Lorsque vous travaillez sur une tâche de rédaction, vous avez également la possibilité de surligner des portions précises de votre texte ou de votre code et de demander à ChatGPT soit de modifier cette section, soit de répondre à une question à son sujet. Les options de mise en forme sont également accessibles en surlignant 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 ne proposons pas actuellement d’options de mise en forme plus avancées dans canvas.
Raccourcis dans canvas pour la rédaction et le codage
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 de la sortie, de modifier le niveau de lecture visé et d’ajouter des emojis ou une touche finale à votre texte. Pour trouver ces raccourcis, survolez le menu des raccourcis en bas à droite de la page.
Pour les documents rédactionnels, 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.
Modifier le niveau de lecture : ajuste le niveau de lecture de la maternelle au niveau universitaire avancé.
Ajouter une touche finale : vérifie la grammaire, la clarté et la cohérence.
Ajouter des emojis : remplace des mots par des emojis ou en ajoute pour plus d’emphase et de couleur.
Pour le codage, vous pouvez utiliser les raccourcis suivants :
Ajouter des journaux : insère des instructions d’affichage 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 sa lisibilité.
Corriger les bugs : détecte et réécrit le code problématique pour résoudre les erreurs.
Convertir vers un langage : traduit votre code dans des langages comme JavaScript, Python, Java, TypeScript, C++ ou PHP.
Relecture du code : fournit des suggestions en ligne pour optimiser et améliorer votre code.
Certains raccourcis mettront immédiatement à jour le contenu de votre projet, comme Ajouter des emojis, Ajouter une touche finale, Corriger les bugs et Convertir vers un langage.
D’autres raccourcis peuvent être ajustés avec 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 au niveau universitaire avancé.
Historique des versions et affichage des modifications
Vous pouvez parcourir les versions de votre document ou code canvas en utilisant 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 également copier le contenu de votre projet en sélectionnant le bouton Copier.
Vous pouvez aussi voir les changements 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 apparaîtra dans la console en bas de l’écran. Lorsque des erreurs apparaissent dans la console, ChatGPT fournit une suggestion concernant l’erreur : cliquez sur le bouton Corriger le bug pour que ChatGPT tente de la corriger pour vous !
Cette fonctionnalité n’est actuellement disponible que 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 désormais avec les GPTs. Vous pouvez activer l’accès à canvas pour les GPTs en activant la capacité canvas dans le GPT Builder. Cela permet aux utilisateurs finaux de votre GPT d’ouvrir un canvas tout en discutant avec votre GPT.
Veuillez noter que cette capacité est désactivée pour tous les GPTs existants et activée par défaut pour tout GPT nouvellement créé. 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
Le partage d’un canvas est disponible pour tous les forfaits, y compris Free, Plus, Pro, Team, Enterprise et Edu.
Les utilisateurs peuvent désormais partager une ressource canvas, comme du code React/HTML rendu, un document ou du code, avec un autre utilisateur, de la même manière que vous partagez une conversation. Vous pouvez le faire depuis la barre d’outils de canvas lorsque canvas est ouvert.
Télécharger votre fichier canvas
Vous pouvez désormais exporter vos documents canvas dans plusieurs formats selon le type de contenu. Cherchez le bouton Télécharger dans l’angle supérieur droit de votre canvas pour l’essayer.
Pour les documents généraux (comme les essais ou les articles de blog), 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 l’exporte avec l’extension de fichier 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 des modifications dans des outils externes.
L’aperçu canvas ne termine pas son chargement pendant « Installation des packages » ?
Certains aperçus JS/HTML Canvas nécessitent que le navigateur de l’utilisateur charge des packages 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 peut ne pas terminer son chargement.
Vérifiez la console du navigateur pour repérer 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 prévisualiser des 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 à un tiers d’informations que vous avez saisies ou partagées avec ChatGPT.
ChatGPT prend les informations que vous fournissez au cours de 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 actualités ou des résultats de recherche sont récupérés, ChatGPT utilisera d’autres informations pour ses réponses, y compris lors de 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 dont OpenAI n’a pas connaissance. Si vous confirmez cette communication, nous autorisons l’aperçu à communiquer avec ce tiers.