Bitte beachten Sie, dass Canvas im Web, unter Windows und auf MacOS verfügbar ist. Bald auch auf mobilen Plattformen (iOS, Android, mobiles Web) verfügbar.
Canvas ist eine neue Oberfläche für die Arbeit mit ChatGPT an Schreib- und Coding-Projekten, die Bearbeitung und Überarbeitungen erfordern.
Mit Canvas kann ChatGPT den Kontext dessen, was du erreichen möchtest, besser verstehen. Du kannst bestimmte Abschnitte markieren, um genau anzugeben, worauf ChatGPT sich konzentrieren soll. Es kann außerdem Inline-Feedback und Vorschläge geben und dabei das gesamte Projekt berücksichtigen.
Du steuerst das Projekt in Canvas. Du kannst Text oder Code direkt bearbeiten. Du kannst Kurzbefehle verwenden, damit ChatGPT die Schreiblänge anpasst, deinen Code debuggt und schnell weitere nützliche Aktionen ausführt. Du kannst außerdem frühere Versionen deiner Arbeit wiederherstellen, indem du in Canvas die Zurück-Schaltfläche verwendest.
Bitte beachten Sie, dass Canvas mit Pro-Series-Modellen nicht verfügbar ist.
Wie funktioniert das Rendern von React/HTML?
React-/HTML-Code wird in einer Sandbox-Umgebung gerendert, sodass du die Ausgabe des Codes ansehen kannst. Viele npm-Pakete und JavaScript-Bibliotheken funktionieren, aber Vorschauen, die externe Pakete oder Webressourcen laden müssen, können von den Einstellungen für den Canvas-Netzwerkzugriff deines Workspace abhängen.
Schalter für Canvas-Codeausführung und Netzwerkzugriff
Bitte beachte, dass Codeausführung und React-/HTML-Rendering dazu führen können, dass externe Netzwerkanfragen gestellt werden. Enterprise-Workspace-Administrator:innen können steuern, ob Canvas-Codeausführung für Nutzer:innen im Workspace verfügbar ist, sowie die standardmäßigen Verhaltensweisen für den Netzwerkzugriff. Standardmäßig ist Canvas-Codeausführung für Enterprise-Workspaces aktiviert, während Canvas-Code den Zugriff auf das Netzwerk erlauben deaktiviert ist. Diese Schalter können jedoch in den Admin-Einstellungen deines Workspace konfiguriert werden.
Auf Canvas in ChatGPT zugreifen
ChatGPT kann einen Canvas öffnen, wenn es versteht, was du erreichen möchtest. Du kannst ChatGPT zum Beispiel bitten, einen Text zu erstellen (z. B. „Schreiben wir einen langen Aufsatz darüber, warum eine Erdbeere eine Scheinfrucht ist“) oder Code für dich zu entwerfen (z. B. „Schreibe einen Webserver in Python“), und es antwortet mit einem Canvas. In der Regel kannst du erwarten, dass ChatGPT automatisch einen Canvas öffnet, wenn ChatGPT Inhalte mit mehr als 10 Zeilen generiert oder ein Szenario erkennt, in dem eine Oberfläche zum Schreiben oder für Code hilfreich wäre. Außerdem kannst du „Canvas verwenden …“ in deinen Prompt aufnehmen, um ChatGPT zu bitten, Canvas zu öffnen.
Antworten mit Canvas öffnen automatisch ein Fenster auf der rechten Seite, das die von dir angeforderten Inhalte enthält.
Du kannst mit ChatGPT im Web auch mit einem leeren Canvas beginnen, indem du Dinge sagst wie „Öffne einen Canvas“ oder „Öffne einen Coding-Canvas“. Mit einem leeren Canvas kannst du an einem bestehenden Projekt arbeiten, indem du es in den leeren Canvas einfügst oder einfach im Canvas tippst.
Du kannst Inhalte auch in ChatGPT einfügen und sie über einen Kurzbefehl oben rechts im Composer sofort in Canvas öffnen.
Außerdem kannst du ChatGPT über die Toolbox im Prompt-Composer in deinem Prompt auffordern, einen neuen Canvas zu erstellen. Dies kann auch ausgelöst werden, indem du einen Backslash („/“) eingibst und dann den Befehl „Canvas“ verwendest.
Dein Projekt mit Canvas bearbeiten
Du kannst mit Canvas Bearbeitungen vornehmen, indem du im Chat einfach darum bittest. Außerdem kannst du einen Teil des Inhalts auswählen, indem du den Text markierst, oder das Blockkommentar-Symbol verwenden, um einen ganzen Absatzblock auszuwählen. Dadurch wird ein Eingabefeld geöffnet, in dem du Anweisungen dazu geben kannst, was im ausgewählten Abschnitt erklärt oder bearbeitet werden soll.
Du kannst den Canvas-Inhalt auch direkt bearbeiten, indem du in den Canvas klickst und tippst. Bitte beachte, dass nur grundlegende Markdown-Formatierungsoptionen unterstützt werden, darunter fett, kursiv, Überschriften, Aufzählungspunkte und nummerierte Listen. Wir bieten derzeit keine erweiterten Formatierungsoptionen in Canvas an.
Du kannst gezielte Kommentarvorschläge von ChatGPT erhalten, indem du einfach die Kurzbefehle Bearbeitungen vorschlagen oder Code überprüfen auswählst. Wenn du auf die Kommentarblase klickst, siehst du den konkreten Vorschlag von ChatGPT. Du kannst entweder das markierte Element direkt bearbeiten und den Kommentar schließen oder „Anwenden“ auswählen, damit ChatGPT automatisch Inhalte generiert, die den Kommentar berücksichtigen.
Wenn du an einer Schreibaufgabe arbeitest, hast du außerdem die Möglichkeit, bestimmte Teile deines Textes oder Codes zu markieren und ChatGPT zu bitten, entweder Bearbeitungen für diesen Abschnitt anzufordern oder eine Frage dazu zu stellen. Auf Formatierungsoptionen kannst du auch zugreifen, indem du ein Textstück markierst. Grundlegende Markdown-Formatierung wird unterstützt, darunter fett, kursiv, Überschriften, Aufzählungspunkte und nummerierte Listen. Wir bieten derzeit keine erweiterten Formatierungsoptionen in Canvas an.
Kurzbefehle in Canvas zum Schreiben und Coden
Canvas mit ChatGPT bietet Zugriff auf ein Paket von Schreib-Kurzbefehlen, mit denen du Bearbeitungsvorschläge anfordern, die Länge der Ausgabe anpassen, das gewünschte Leseniveau ändern und Emojis oder einen letzten Feinschliff zu deinem Text hinzufügen kannst. Um diese Kurzbefehle zu finden, bewege den Mauszeiger über das Kurzbefehle-Menü unten rechts auf der Seite.
Für Schreibdokumente kannst du die folgenden Kurzbefehle verwenden:
Bearbeitungen vorschlagen: ChatGPT fügt Inline-Vorschläge hinzu, um deinen Text zu verbessern.
Länge anpassen: verkürzt oder erweitert die Länge deines Dokuments.
Leseniveau ändern: passt das Leseniveau von Kindergarten bis Hochschulabschluss an.
Letzten Feinschliff hinzufügen: prüft Grammatik, Klarheit und Konsistenz.
Emojis hinzufügen: ersetzt Wörter durch Emojis oder fügt sie für zusätzliche Betonung und Farbe hinzu.
Zum Coden kannst du die folgenden Kurzbefehle verwenden:
Logs hinzufügen: fügt Print-Anweisungen ein, um beim Debugging und beim Nachverfolgen der Ausführung zu helfen.
Kommentare hinzufügen: fügt Kommentare hinzu, um den Code zu erklären und die Lesbarkeit zu verbessern.
Bugs beheben: erkennt problematischen Code und schreibt ihn um, um Fehler zu beheben.
In eine Sprache portieren: übersetzt deinen Code in Sprachen wie JavaScript, Python, Java, TypeScript, C++ oder PHP.
Code-Review: liefert Inline-Vorschläge, um deinen Code zu optimieren und zu verbessern.
Einige Kurzbefehle aktualisieren den Inhalt deines Projekts sofort, etwa Emojis hinzufügen, Letzten Feinschliff hinzufügen, Bugs beheben und In eine Sprache portieren.
Andere Kurzbefehle können mit einem Schieberegler angepasst werden. Der Kurzbefehl Länge anpassen gibt dir beispielsweise die Flexibilität, Optionen zwischen kürzester und längster Länge auszuwählen. Mit dem Kurzbefehl Leseniveau kannst du das Leseniveau von Kindergarten bis Hochschulabschluss anpassen.
Versionsverlauf und Änderungen anzeigen
Du kannst mithilfe des Versionsverlaufs über die Pfeile in der oberen Symbolleiste durch Versionen deines Canvas-Dokuments oder -Codes navigieren. So kannst du frühere Versionen ansehen und diese Versionen bei Bedarf wiederherstellen. Du kannst den Inhalt deines Projekts auch kopieren, indem du die Kopier-Schaltfläche auswählst.
Außerdem kannst du Änderungen zwischen Canvas-Versionen anzeigen, indem du in der oberen Symbolleiste die Schaltfläche Änderungen anzeigen verwendest. Dadurch werden Ergänzungen und Löschungen sowohl für Dokumente als auch für Code angezeigt.
Python-Code mit Canvas ausführen
Du kannst Canvas-Dateien mit Python-Code direkt in deinem Browser ausführen, wenn du Canvas verwendest. Wähle dazu die Schaltfläche „Ausführen“ in deinem Canvas aus. Wenn du Python-Code ausführst, erscheint die Ausgabe in der Konsole am unteren Bildschirmrand. Wenn in der Konsole Fehler angezeigt werden, gibt ChatGPT einen Vorschlag zum Fehler aus – klicke auf die Schaltfläche Bug beheben, damit ChatGPT versucht, ihn für dich zu beheben!
Diese Funktion ist derzeit nur für Python-Code verfügbar, aber wir planen, den Zugriff künftig auf andere Programmiersprachen auszuweiten.
Canvas für deinen GPT aktivieren
Canvas funktioniert jetzt mit GPTs. Du kannst den Canvas-Zugriff für GPTs aktivieren, indem du im GPT Builder die Canvas-Funktion aktivierst. Dadurch können die Endnutzer:innen deines GPT während eines Chats mit deinem GPT einen Canvas öffnen.
Bitte beachte, dass diese Funktion für alle vorhandenen GPTs deaktiviert und für neu erstellte GPTs standardmäßig aktiviert ist. Du kannst dies jederzeit im GPT Builder ändern.
Mehr über den GPT Builder erfahren.
Canvas mit anderen teilen
Das Teilen eines Canvas ist in allen Tarifen verfügbar, einschließlich Free, Plus, Pro, Team, Enterprise und Edu.
Nutzer:innen können jetzt ein Canvas-Asset wie gerenderten React-/HTML-Code, ein Dokument oder Code mit anderen Nutzer:innen teilen, ähnlich wie du eine Unterhaltung teilst. Das kannst du über die Canvas-Symbolleiste tun, wenn Canvas geöffnet ist.
Deine Canvas-Datei herunterladen
Du kannst deine Canvas-Dokumente jetzt je nach Inhaltstyp in mehreren Formaten exportieren. Suche nach der Schaltfläche Download oben rechts in deinem Canvas, um es auszuprobieren.
Für allgemeine Dokumente (wie Aufsätze oder Blogbeiträge) unterstützt Canvas den Export in die Formate PDF, Markdown (.md) und Word (.docx).
Bei codebasierten Canvases erkennt Canvas die Sprache intelligent und exportiert sie mit der passenden Dateierweiterung (z. B. .py, .js, .sql usw.), wobei Formatierung und Syntax erhalten bleiben.
Diese Funktion erleichtert es, deine Arbeit zu archivieren, Entwürfe zu teilen oder sie in externen Tools weiterzubearbeiten.
Canvas-Vorschau lädt bei „Pakete werden installiert“ nicht fertig?
Einige JS-/HTML-Canvas-Vorschauen müssen im Browser der Nutzer:innen externe Pakete oder andere Webressourcen laden, bevor sie gerendert werden können. Wenn Canvas-Code den Zugriff auf das Netzwerk erlauben deaktiviert ist oder Netzwerksteuerungen des Browsers oder der Organisation eine erforderliche externe Domain blockieren, wird die Vorschau möglicherweise nicht vollständig geladen.
Prüfe die Browserkonsole auf Fehler wie Failed to fetch, Refused to connect oder Content-Security-Policy-Fehler. Wenn der Netzwerkzugriff für Canvas-Code bereits aktiviert ist, prüfe, ob Browser-, Proxy-, Firewall- oder Endpunkt-Steuerungen die erforderliche Domain blockieren.
Canvas und Websicherheit
Canvas kann Websites und andere Webinhalte in der Vorschau anzeigen. Webinhalte sind zwangsläufig online und können mit Drittparteien kommunizieren, die nicht OpenAI sind.
Die Kommunikation der Webvorschau kann so einfach sein wie die Nutzung des Internets zum Zugriff auf ein Bild – sie kann aber auch so gefährlich sein wie das Senden von Informationen, die du eingegeben oder mit ChatGPT geteilt hast, an eine Drittpartei.
ChatGPT nutzt die Informationen, die du während des Gesprächs bereitstellst, um fundierte Antworten zu erstellen. In einigen Fällen, etwa wenn du Informationen aus dem Internet einfügst oder wenn Nachrichten- oder Suchergebnisse abgerufen werden, verwendet ChatGPT weitere Informationen für seine Antworten, auch bei der Codegenerierung mit Canvas.
Wenn du mit der Canvas-Webvorschau interagierst, bittet ChatGPT dich, die Kommunikation mit Drittparteien zu bestätigen, die OpenAI nicht kennt. Wenn du diese Kommunikation bestätigst, erlauben wir der Vorschau, mit dieser Drittpartei zu kommunizieren.