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 Programmierprojekten, die Bearbeitungen und Überarbeitungen erfordern.
Mit Canvas kann ChatGPT den Kontext dessen, was Sie erreichen möchten, besser verstehen. Sie können bestimmte Abschnitte hervorheben, um genau anzugeben, worauf sich ChatGPT konzentrieren soll. Es kann außerdem Inline-Feedback und Vorschläge geben und dabei das gesamte Projekt im Blick behalten.
Sie steuern das Projekt in Canvas. Sie können Text oder Code direkt bearbeiten. Sie können die Kurzbefehle verwenden, damit ChatGPT die Textlänge anpasst, Ihren Code debuggt und schnell andere nützliche Aktionen ausführt. Sie können auch frühere Versionen Ihrer Arbeit wiederherstellen, indem Sie in Canvas die Zurück-Schaltfläche verwenden.
Bitte beachten Sie, dass Canvas mit Pro-Series-Modellen nicht verfügbar ist.
Wie funktioniert das React-/HTML-Rendering?
React-/HTML-Code wird in einer Sandbox-Umgebung gerendert, sodass Sie die Ausgabe des Codes ansehen können. Alle npm-Pakete und viele JavaScript-Bibliotheken funktionieren.
Schalter für die Codeausführung und den Netzwerkzugriff in Canvas
Bitte beachten Sie, dass Codeausführung und React-/HTML-Rendering dazu führen können, dass externe Netzwerkanfragen gestellt werden. Admins von Enterprise-Workspaces können steuern, ob die Codeausführung in Canvas für Nutzer:innen im Workspace verfügbar ist, zusammen mit den Standardverhalten für den Netzwerkzugriff. Standardmäßig ist Codeausführung in Canvas in Enterprise-Workspaces aktiviert, während Canvas-Code den Zugriff auf das Netzwerk erlauben deaktiviert ist. Diese Schalter können jedoch in den Admin-Einstellungen Ihres Workspace konfiguriert werden.
Zugriff auf Canvas in ChatGPT
ChatGPT kann ein Canvas öffnen, wenn es versteht, was Sie erreichen möchten. Sie können ChatGPT zum Beispiel bitten, einen Text zu erstellen (z. B. „Lass uns einen langen Essay darüber schreiben, warum eine Erdbeere eine Scheinfrucht ist“) oder Code für Sie zu entwerfen (z. B. „Schreibe einen Webserver in Python“), und es antwortet mit einem Canvas. In der Regel öffnet ChatGPT automatisch ein Canvas, wenn ChatGPT Inhalte mit mehr als 10 Zeilen erstellt oder ein Szenario erkennt, in dem eine Oberfläche zum Schreiben oder Programmieren hilfreich wäre. Außerdem können Sie „use canvas…“ in Ihren Prompt aufnehmen, um ChatGPT zu bitten, Canvas zu öffnen.
Antworten mit Canvas öffnen automatisch ein Fenster auf der rechten Seite, das Ihre angeforderten Inhalte enthält.
Sie können in ChatGPT im Web auch mit einem leeren Canvas beginnen, indem Sie zum Beispiel sagen: „Öffne ein Canvas“ oder „Öffne ein Coding-Canvas“. Mit einem leeren Canvas können Sie an einem bestehenden Projekt arbeiten, indem Sie es in das leere Canvas einfügen oder einfach direkt im Canvas tippen.
Sie können Inhalte auch in ChatGPT einfügen und sie sofort über einen Kurzbefehl oben rechts im Composer in Canvas öffnen.
Außerdem können Sie über die Toolbox im Prompt-Composer ChatGPT bitten, in Ihrem Prompt ein neues Canvas zu erstellen. Dies kann auch ausgelöst werden, indem Sie einen Schrägstrich („/“) eingeben und dann den Befehl „canvas“ verwenden.
Ihr Projekt mit Canvas bearbeiten
Sie können mit Canvas Änderungen vornehmen, indem Sie einfach im Chat darum bitten. Außerdem können Sie einen Teil des Inhalts auswählen, indem Sie den Text markieren, oder das Symbol für Blockkommentare verwenden, um einen ganzen Absatzblock auszuwählen. Dadurch wird ein Eingabefeld geöffnet, in dem Sie Hinweise dazu geben können, was im ausgewählten Abschnitt erklärt oder bearbeitet werden soll.
Sie können den Canvas-Inhalt auch direkt bearbeiten, indem Sie in das Canvas klicken und tippen. Bitte beachten Sie, dass nur grundlegende Markdown-Formatierungsoptionen unterstützt werden, darunter Fett, Kursiv, Überschriften, Aufzählungspunkte und nummerierte Listen. Derzeit bieten wir in Canvas keine erweiterten Formatierungsoptionen an.
Sie können gezielte Kommentierungsvorschläge von ChatGPT erhalten, indem Sie einfach die Kurzbefehle Änderungen vorschlagen oder Code überprüfen auswählen. Wenn Sie auf die Kommentarblase klicken, sehen Sie den konkreten Vorschlag von ChatGPT. Sie können das markierte Element entweder direkt bearbeiten und den Kommentar schließen oder „Anwenden“ wählen, damit ChatGPT automatisch Inhalte erstellt, um den Kommentar zu berücksichtigen.
Bei der Arbeit an einer Schreibaufgabe können Sie auch bestimmte Teile Ihres Textes oder Codes markieren und ChatGPT bitten, entweder Änderungen für diesen Abschnitt anzufordern oder eine Frage dazu zu stellen. Formatierungsoptionen können auch durch das Markieren eines Textabschnitts aufgerufen werden. Grundlegende Markdown-Formatierung wird unterstützt, darunter Fett, Kursiv, Überschriften, Aufzählungspunkte und nummerierte Listen. Derzeit bieten wir in Canvas keine erweiterten Formatierungsoptionen an.
Kurzbefehle in Canvas für Schreiben und Programmieren
Canvas mit ChatGPT bietet Zugriff auf ein Paket von Schreib-Kurzbefehlen, mit denen Sie Änderungsvorschläge anfordern, die Länge der Ausgabe anpassen, das gewünschte Leseniveau aktualisieren und Ihrem Text Emojis oder den letzten Schliff hinzufügen können. Um diese Kurzbefehle zu finden, bewegen Sie den Mauszeiger über das Kurzbefehlsmenü unten rechts auf der Seite.
Für Schreibdokumente können Sie die folgenden Kurzbefehle verwenden:
Änderungen vorschlagen: ChatGPT fügt Inline-Vorschläge hinzu, um Ihren Text zu verbessern.
Länge anpassen: verkürzt oder erweitert die Länge Ihres Dokuments.
Leseniveau ändern: passt das Leseniveau von Kindergarten bis Hochschulabschluss an.
Letzten Schliff hinzufügen: prüft Grammatik, Klarheit und Konsistenz.
Emojis hinzufügen: ersetzt Wörter durch Emojis oder fügt sie zur zusätzlichen Betonung und Auflockerung hinzu.
Für das Programmieren können Sie die folgenden Kurzbefehle verwenden:
Logs hinzufügen: fügt print-Anweisungen ein, um beim Debugging und Nachverfolgen der Ausführung zu helfen.
Kommentare hinzufügen: fügt Kommentare hinzu, um den Code zu erklären und die Lesbarkeit zu verbessern.
Fehler beheben: erkennt problematischen Code und schreibt ihn neu, um Fehler zu beheben.
In eine Sprache portieren: übersetzt Ihren Code in Sprachen wie JavaScript, Python, Java, TypeScript, C++ oder PHP.
Codeüberprüfung: bietet Inline-Vorschläge zur Optimierung und Verbesserung Ihres Codes.
Einige Kurzbefehle aktualisieren den Inhalt Ihres Projekts sofort, etwa Emojis hinzufügen, Letzten Schliff hinzufügen, Fehler beheben und In eine Sprache portieren.
Andere Kurzbefehle können mit einem Schieberegler angepasst werden. Zum Beispiel bietet Ihnen der Kurzbefehl Länge anpassen die Flexibilität, Optionen zwischen der kürzesten und der längsten Länge auszuwählen. Mit dem Kurzbefehl Leseniveau können Sie das Leseniveau vom Kindergarten bis zum Hochschulabschluss anpassen.
Versionsverlauf und Änderungen anzeigen
Sie können mit dem Versionsverlauf über die Pfeile in der oberen Symbolleiste durch die Versionen Ihres Canvas-Dokuments oder Codes navigieren. So können Sie frühere Versionen sehen und diese auf Wunsch wiederherstellen. Sie können den Inhalt Ihres Projekts auch kopieren, indem Sie die Schaltfläche „Kopieren“ auswählen.
Außerdem können Sie Änderungen zwischen Canvas-Versionen sehen, indem Sie in der oberen Symbolleiste die Schaltfläche Änderungen anzeigen verwenden. Dadurch werden Ergänzungen und Löschungen sowohl für Dokumente als auch für Code angezeigt.
Python-Code mit Canvas ausführen
Sie können Python-Code in Canvas-Dateien direkt in Ihrem Browser ausführen, wenn Sie Canvas verwenden, indem Sie in Ihrem Canvas die Schaltfläche „Ausführen“ auswählen. Beim Ausführen von Python-Code erscheint die Ausgabe in der Konsole am unteren Bildschirmrand. Wenn in der Konsole Fehler erscheinen, gibt ChatGPT einen Vorschlag zu dem Fehler – klicken Sie auf die Schaltfläche Fehler beheben, damit ChatGPT versucht, ihn für Sie zu beheben!
Diese Funktion ist derzeit nur für Python-Code verfügbar, aber wir planen, den Zugriff künftig auf weitere Programmiersprachen auszuweiten.
Canvas für Ihr GPT aktivieren
Canvas funktioniert jetzt mit GPTs. Sie können den Zugriff auf Canvas für GPTs aktivieren, indem Sie die Canvas-Funktion im GPT Builder aktivieren. Damit können die Endnutzer:innen Ihres GPT beim Chatten mit Ihrem GPT ein Canvas öffnen.
Bitte beachten Sie, dass diese Funktion für alle bestehenden GPTs deaktiviert und für neu erstellte GPTs standardmäßig aktiviert ist. Sie können dies jederzeit im GPT Builder ändern.
Erfahren Sie mehr über den GPT Builder.
Ein 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 Sie eine Unterhaltung teilen. Sie können dies über die Canvas-Symbolleiste tun, wenn Canvas geöffnet ist.
Ihre Canvas-Datei herunterladen
Sie können Ihre Canvas-Dokumente jetzt je nach Inhaltstyp in mehreren Formaten exportieren. Suchen Sie nach der Schaltfläche Herunterladen oben rechts in Ihrem Canvas, um es auszuprobieren.
Für allgemeine Dokumente (wie Essays oder Blogbeiträge) unterstützt Canvas den Export in die Formate PDF, Markdown (.md) und Word (.docx).
Bei codebasierten Canvas erkennt Canvas intelligent die Sprache und exportiert sie mit der passenden Dateiendung (z. B. .py, .js, .sql usw.), wobei Formatierung und Syntax erhalten bleiben.
Diese Funktion erleichtert es, Ihre Arbeit zu archivieren, Entwürfe zu teilen oder die Bearbeitung in externen Tools fortzusetzen.
Canvas-Vorschau lädt bei „Installing Packages“ nicht fertig?
Für einige JS-/HTML-Canvas-Vorschauen muss der 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 wenn Browser- oder Organisations-Netzwerksteuerungen eine erforderliche externe Domain blockieren, wird die Vorschau möglicherweise nicht vollständig geladen.
Prüfen Sie die Browser-Konsole 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üfen Sie, ob Browser-, Proxy-, Firewall- oder Endpunkt-Steuerungen die erforderliche Domain blockieren.
Canvas und Sicherheit im Web
Canvas kann Websites und andere Webinhalte als Vorschau anzeigen. Webinhalte sind zwangsläufig online und können mit Dritten kommunizieren, die nicht OpenAI sind.
Die Kommunikation, die eine Webvorschau aufbaut, kann so einfach sein wie die Nutzung des Internets zum Laden eines Bildes – sie kann aber auch so riskant sein wie das Senden von Informationen, die Sie eingegeben oder mit ChatGPT geteilt haben, an Dritte.
ChatGPT verarbeitet die Informationen, die Sie im Gespräch bereitstellen, und nutzt sie für fundierte Antworten. In manchen Fällen, etwa wenn Sie Informationen aus dem Internet einfügen oder wenn Nachrichten- oder Suchergebnisse abgerufen werden, verwendet ChatGPT weitere Informationen für seine Antworten, auch bei der Codegenerierung mit Canvas.
Wenn Sie mit der Canvas-Webvorschau interagieren, fordert ChatGPT Sie auf, die Kommunikation mit Dritten zu bestätigen, die OpenAI nicht kennt. Wenn Sie diese Kommunikation bestätigen, erlauben wir der Vorschau, mit diesen Dritten zu kommunizieren.