Wat is de canvasfunctie in ChatGPT en hoe gebruik ik die?

Canvas is een nieuwe interface om met ChatGPT te werken aan schrijf- en codeerprojecten die bewerking en revisies vereisen.

Met Canvas kan ChatGPT de context van wat je probeert te bereiken beter begrijpen. Je kunt specifieke gedeelten markeren om precies aan te geven waarop ChatGPT zich moet richten. Het kan ook inline feedback en suggesties geven met het hele project in gedachten.

Jij hebt de controle over het project in Canvas. Je kunt tekst of code rechtstreeks bewerken. Je kunt de snelkoppelingen gebruiken om ChatGPT de schrijflengte te laten aanpassen, je code te laten debuggen en snel andere nuttige acties uit te voeren. Je kunt ook eerdere versies van je werk herstellen met de terugknop in Canvas.

Hoe werkt React/HTML-rendering?

React/HTML-code wordt gerenderd in een sandboxomgeving, zodat je de uitvoer van de code kunt bekijken. Veel npm-pakketten en JavaScript-bibliotheken werken, maar previews die externe pakketten of webbronnen moeten laden, kunnen afhankelijk zijn van de netwerktoegangsinstellingen voor Canvas in je werkruimte.

Schakelaars voor Canvas-code-uitvoering en netwerktoegang

Houd er rekening mee dat code-uitvoering en React/HTML-rendering kunnen leiden tot externe netwerkverzoeken. Beheerders van Enterprise-werkruimten kunnen bepalen of Canvas-code-uitvoering beschikbaar is voor gebruikers in de werkruimte, samen met het standaardgedrag voor netwerktoegang. Standaard staat Canvas-code-uitvoering aan, terwijl Canvas-code toegang tot het netwerk toestaan uit staat voor Enterprise-werkruimten, maar deze schakelaars zijn configureerbaar in de Beheerdersinstellingen van je werkruimte.

Canvas openen in ChatGPT

ChatGPT kan een Canvas openen wanneer het begrijpt wat je probeert te bereiken. Je kunt ChatGPT bijvoorbeeld vragen een tekst te genereren (bijv. “laten we een lang essay schrijven over waarom een aardbei een schijnvrucht is”) of code voor je op te stellen (bijv. “schrijf een webserver in Python”) en het zal reageren met een Canvas. Je kunt doorgaans verwachten dat ChatGPT automatisch een Canvas opent wanneer ChatGPT content genereert van meer dan 10 regels of een scenario detecteert waarin een interface voor schrijven of code nuttig zou zijn. Daarnaast kun je “gebruik Canvas…” in je prompt opnemen om ChatGPT te vragen Canvas te openen.

Reacties met Canvas openen automatisch een venster aan de rechterkant met de content die je hebt gevraagd.

Je kunt ook beginnen met een leeg Canvas met ChatGPT op het web door dingen te zeggen als “open een Canvas” of “open een codeer-Canvas”. Met een leeg Canvas kun je aan een bestaand project werken door het in het lege Canvas te plakken, of door gewoon in het Canvas te typen.

Je kunt ook content in ChatGPT plakken en deze direct in Canvas openen via een snelkoppeling in de rechterbovenhoek van de composer.

Daarnaast kun je met de toolbox in de prompt-composer ChatGPT ook vragen om een nieuw Canvas te maken in je prompt. Dit kan ook worden geactiveerd door een backslash (“/”) te typen en vervolgens de opdracht ‘canvas’ te gebruiken.

Je project bewerken met Canvas

Je kunt bewerkingen met Canvas uitvoeren door er gewoon in de chat om te vragen. Daarnaast kun je een deel van de content selecteren door de tekst te markeren, of het pictogram voor blokopmerkingen gebruiken om een heel alineablok te selecteren. Hiermee wordt een invoerveld geopend waarin je aanwijzingen kunt geven over wat er in het geselecteerde gedeelte moet worden uitgelegd of bewerkt.

Je kunt de Canvas-content ook rechtstreeks bewerken door in het Canvas te klikken en te typen. Let op: alleen basisopties voor Markdown-opmaak worden ondersteund, waaronder vet, cursief, koppen, opsommingstekens en genummerde lijsten. We bieden momenteel geen geavanceerdere opmaakopties in Canvas.

Je kunt gerichte opmerkingssuggesties van ChatGPT krijgen door simpelweg de snelkoppelingen Bewerkingen voorstellen of Code beoordelen te selecteren. Door op de opmerkingenballon te klikken, kun je de specifieke suggestie van ChatGPT bekijken. Je kunt het gemarkeerde item rechtstreeks bewerken en de opmerking sluiten, of Toepassen selecteren om ChatGPT automatisch content te laten genereren om op de opmerking in te gaan.

Wanneer je aan een schrijftaak werkt, kun je ook specifieke delen van je tekst of code markeren en ChatGPT vragen dat gedeelte te bewerken of er een vraag over stellen. Opmaakopties zijn ook toegankelijk door een stuk tekst te markeren. Basisopmaak met Markdown wordt ondersteund, waaronder vet, cursief, koppen, opsommingstekens en genummerde lijsten. We bieden momenteel geen geavanceerdere opmaakopties in Canvas.

Snelkoppelingen in Canvas voor schrijven en coderen

Canvas met ChatGPT biedt toegang tot een bundel schrijfsnelkoppelingen waarmee je kunt vragen om voorgestelde bewerkingen, de lengte van de uitvoer kunt aanpassen, het beoogde leesniveau kunt bijwerken en emoji’s of een laatste verfijning aan je stuk kunt toevoegen. Je vindt deze snelkoppelingen door de cursor op het snelkoppelingenmenu rechtsonder op de pagina te plaatsen.

Voor het schrijven van documenten kun je de volgende snelkoppelingen gebruiken:

• Bewerkingen voorstellen: ChatGPT voegt inline suggesties toe om je tekst te verbeteren.

• Lengte aanpassen: verkort of verlengt je document.

• Leesniveau wijzigen: past het leesniveau aan van kleuterschool tot universiteit.

• Laatste verfijning toevoegen: controleert op grammatica, duidelijkheid en consistentie.

• Emoji’s toevoegen: vervangt woorden door emoji’s of voegt ze toe voor extra nadruk en kleur.

Voor coderen kun je de volgende snelkoppelingen gebruiken:

• Logs toevoegen: voegt printinstructies in om te helpen bij debuggen en het volgen van de uitvoering.

• Opmerkingen toevoegen: voegt opmerkingen toe om de code uit te leggen en de leesbaarheid te verbeteren.

• Bugs oplossen: detecteert problematische code en herschrijft die om fouten op te lossen.

• Naar een taal overzetten: vertaalt je code naar talen zoals JavaScript, Python, Java, TypeScript, C++ of PHP.

• Codebeoordeling: biedt inline suggesties om je code te optimaliseren en te verbeteren.

Sommige snelkoppelingen werken de inhoud van je project direct bij, zoals Emoji’s toevoegen, Laatste verfijning toevoegen, Bugs oplossen en Naar een taal overzetten.

Andere snelkoppelingen kunnen met een schuifregelaar worden aangepast. De snelkoppeling Lengte aanpassen geeft je bijvoorbeeld de flexibiliteit om opties te selecteren van kortste tot langste lengte. Met de snelkoppeling Leesniveau kun je het leesniveau aanpassen van kleuterschool tot universiteit.

Versiegeschiedenis en wijzigingen weergeven

Je kunt door versies van je Canvas-document of -code navigeren met de versiegeschiedenis via de pijlen in de bovenste werkbalk. Hiermee kun je eerdere versies bekijken en deze versies herstellen als je dat wilt. Je kunt ook de inhoud van je project kopiëren door de kopieerknop te selecteren.

Daarnaast kun je wijzigingen tussen Canvas-versies bekijken met de knop Wijzigingen weergeven in de bovenste werkbalk. Hiermee worden toevoegingen en verwijderingen voor zowel documenten als code weergegeven.

Python-code uitvoeren met Canvas

Je kunt Python-code in Canvas-bestanden rechtstreeks in je browser uitvoeren wanneer je Canvas gebruikt, door de knop Uitvoeren in je Canvas te selecteren. Wanneer je Python-code uitvoert, verschijnt de uitvoer in de console onderaan het scherm. Wanneer er fouten in de console verschijnen, geeft ChatGPT een suggestie over de fout. Klik op de knop Bug oplossen om ChatGPT te laten proberen deze voor je op te lossen!

Deze functie is momenteel alleen beschikbaar voor Python-code, maar we zijn van plan de toegang in de toekomst uit te breiden naar andere programmeertalen.

Canvas inschakelen voor je GPT

Canvas werkt nu met GPTs. Je kunt Canvas-toegang voor GPTs inschakelen door de Canvas-mogelijkheid in de GPT Builder in te schakelen. Hierdoor kunnen eindgebruikers van je GPT een Canvas openen terwijl ze met je GPT chatten.

Let op: deze mogelijkheid is uitgeschakeld voor alle bestaande GPTs en standaard ingeschakeld voor alle nieuw gemaakte GPTs. Je kunt dit op elk moment wijzigen in de GPT Builder.


Meer informatie over de GPT Builder.

Een Canvas delen met anderen

Gebruikers kunnen nu een Canvas-item, zoals gerenderde React/HTML-code, een document of code, met een andere gebruiker delen, vergelijkbaar met hoe je een gesprek deelt. Je kunt dit doen via de Canvas-werkbalk wanneer Canvas is geopend.

Je Canvas-bestand downloaden

Je kunt je Canvas-documenten nu exporteren in meerdere indelingen, afhankelijk van het type content. Zoek naar de knop Downloaden in de rechterbovenhoek van je Canvas om het uit te proberen.

Voor algemene documenten (zoals essays of blogposts) ondersteunt Canvas exporteren naar PDF, Markdown (.md) en Word (.docx)-indelingen.

Voor codegebaseerde Canvassen detecteert Canvas de taal op intelligente wijze en exporteert het in de juiste bestandsextensie (bijv. .py, .js, .sql, enz.), met behoud van opmaak en syntaxis.

Met deze functie kun je je werk eenvoudig archiveren, concepten delen of doorgaan met bewerken in externe tools.

Wordt de Canvas-preview niet volledig geladen tijdens ‘Pakketten installeren’?

Sommige JS/HTML-Canvas-previews moeten via de browser van de gebruiker externe pakketten of andere webbronnen laden voordat ze kunnen renderen. Als Canvas-code toegang tot het netwerk toestaan uit staat, of als browser- of organisatienetwerkcontroles een vereist extern domein blokkeren, wordt de preview mogelijk niet volledig geladen.

Controleer de browserconsole op fouten zoals Failed to fetch, Refused to connect of Content Security Policy-fouten. Als netwerktoegang voor Canvas-code al is ingeschakeld, controleer dan of browser-, proxy-, firewall- of endpointcontroles het vereiste domein blokkeren.

Canvas en webveiligheid

Canvas kan websites en andere webcontent als preview weergeven. Webcontent is noodzakelijkerwijs online en kan communiceren met derden die geen OpenAI zijn.

Communicatie vanuit een webpreview kan zo eenvoudig zijn als het internet gebruiken om een afbeelding te openen, maar kan ook zo gevaarlijk zijn als informatie die je hebt ingevoerd of met ChatGPT hebt gedeeld naar een derde partij sturen.

ChatGPT neemt de informatie die je tijdens het gesprek verstrekt en gebruikt die om weloverwogen antwoorden te geven. In sommige gevallen, bijvoorbeeld als je informatie van het internet plakt of wanneer nieuws- of zoekresultaten worden opgehaald, gebruikt ChatGPT andere informatie voor zijn antwoorden, ook bij het genereren van code met Canvas.

Wanneer je interactie hebt met de Canvas-webpreview, vraagt ChatGPT je om communicatie met derden waarvan OpenAI niet op de hoogte is te bevestigen. Als je deze communicatie bevestigt, staan we toe dat de preview met die derde partij communiceert.