请注意,画布可在 Web、Windows 和 MacOS 上使用。即将登陆移动平台(iOS、Android、移动网页)。
画布是一种用于在需要编辑和修订的写作与编程项目中与 ChatGPT 协作的新界面。
使用画布时,ChatGPT 可以更好地理解你想完成的事情的上下文。你可以高亮显示特定部分,明确指出希望 ChatGPT 关注的内容。它还可以结合整个项目提供行内反馈和建议。
你可以在画布中掌控项目。你可以直接编辑文本或代码。你可以使用快捷方式让 ChatGPT 调整写作长度、调试代码,并快速执行其他有用操作。你也可以使用画布中的返回按钮恢复作品的先前版本。
请注意,画布不适用于 pro 系列模型。
React/HTML 渲染如何工作?
React/HTML 代码会在沙盒环境中渲染,让你能够查看代码的输出。许多 npm 包和 JavaScript 库都可以运行,但需要加载外部包或网页资源的预览可能取决于你工作空间的画布网络访问设置。
画布代码执行和网络访问开关
请注意,代码执行和 React/HTML 渲染可能会产生外部网络请求。企业工作空间管理员可以控制工作空间中的用户是否可以使用画布代码执行,以及默认的网络访问行为。默认情况下,企业工作空间的画布代码执行处于开启状态,而允许画布代码访问网络处于关闭状态;但这些开关可在你工作空间的管理员设置中配置。

在 ChatGPT 上访问画布
当 ChatGPT 理解你想完成的事情时,可能会打开画布。例如,你可以让 ChatGPT 生成一篇文章(例如,“让我们写一篇长文,说明为什么草莓是假果”),或为你起草代码(例如,“用 python 写一个网页服务器”),它会用画布作出回应。通常情况下,当 ChatGPT 生成超过 10 行的内容,或检测到某个场景适合使用写作或代码界面时,你可以预期 ChatGPT 会自动打开画布。此外,你可以在提示中加入“使用画布……”来请求 ChatGPT 打开画布。
带有画布的回复会自动在右侧打开一个窗口,其中包含你请求的内容。
你也可以在网页版 ChatGPT 中通过说“打开画布”或“打开代码画布”等方式,从空白画布开始。在空白画布中,你可以将现有项目粘贴进去来继续处理,或者直接在画布中输入。
你也可以将内容粘贴到 ChatGPT 中,并通过输入框右上角的快捷方式立即在画布中打开。
此外,提示输入框中的工具箱也允许你在提示中要求 ChatGPT 创建新的画布。也可以通过输入反斜杠(“/”),然后使用“canvas”命令来触发此操作。
使用画布编辑你的项目
你只需在聊天中提出请求,即可使用画布进行编辑。此外,你可以通过高亮文本来选择部分内容,或使用块评论图标选择整个段落块。这会打开一个输入框,你可以在其中提供关于所选部分需要解释或编辑什么的指导。
你也可以点击进入画布并输入内容,直接编辑画布内容。请注意,仅支持基本 Markdown 格式选项,包括粗体、斜体、标题、项目符号和编号列表。我们目前不在画布中提供更高级的格式选项。
你只需选择建议编辑或审查代码快捷方式,即可从 ChatGPT 获取有针对性的评论建议。点击评论气泡后,你可以看到 ChatGPT 提供的具体建议。你可以直接编辑被标记的项目并关闭评论,或选择“应用”让 ChatGPT 自动生成内容来处理该评论。
在处理写作任务时,你还可以选择高亮文本或代码的特定部分,并让 ChatGPT 对该部分请求编辑,或就其提出问题。高亮一段文本后也可以访问格式选项。支持基本 Markdown 格式,包括粗体、斜体、标题、项目符号和编号列表。我们目前不在画布中提供更高级的格式选项。
画布中的写作和编程快捷方式
ChatGPT 的画布提供一组写作快捷方式,让你可以请求编辑建议、调整输出长度、更新目标阅读级别,并为作品添加表情符号或最终润色。要找到这些快捷方式,请将鼠标悬停在页面右下角的快捷方式菜单上。
对于写作文档,你可以使用以下快捷方式:
建议编辑:ChatGPT 会添加行内建议来改进你的写作。
调整长度:缩短或扩展文档长度。
更改阅读级别:将阅读级别从幼儿园调整到研究生院。
添加最终润色:检查语法、清晰度和一致性。
添加表情符号:用表情符号替换词语,或添加表情符号以增强强调和色彩。
对于编程,你可以使用以下快捷方式:
添加日志:插入打印语句,以帮助调试和跟踪执行。
添加注释:添加注释来解释代码并提高可读性。
修复错误:检测并重写有问题的代码以解决错误。
移植到一种语言:将你的代码转换为 JavaScript、Python、Java、TypeScript、C++ 或 PHP 等语言。
代码审查:提供行内建议来优化和改进你的代码。
某些快捷方式会立即更新项目内容,例如添加表情符号、添加最终润色、修复错误和移植到一种语言。
其他快捷方式可以通过滑块进行微调。例如,调整长度快捷方式让你可以灵活选择从最短到最长的长度选项。阅读级别快捷方式使你能够将阅读级别从幼儿园调整到研究生院。
版本历史记录和显示更改
你可以通过顶部工具栏中的箭头使用版本历史记录,浏览画布文档或代码的各个版本。这使你能够查看以前的版本,并可在需要时恢复这些版本。你也可以选择复制按钮来复制项目内容。
此外,你可以使用顶部工具栏中的显示更改按钮查看画布版本之间的变化。这将显示文档和代码中的新增与删除内容。
使用画布执行 Python 代码
使用画布时,你可以在浏览器中直接执行 Python 的代码画布文件,方法是选择画布中的“执行”按钮。执行 Python 代码时,输出会显示在屏幕底部的控制台中。当控制台中出现错误时,ChatGPT 会提供有关该错误的建议——点击 修复错误按钮,让 ChatGPT 尝试为你修复!
此功能目前仅适用于 Python 代码,但我们计划在未来扩展到其他编程语言。
为你的 GPT 启用画布
画布现在可用于 GPT。你可以在 GPT 构建器中启用画布功能,从而允许 GPT 使用画布。这样,你的 GPT 的最终用户就可以在与你的 GPT 聊天时打开画布。
模型兼容性:画布不支持 GPT-5.5 或更高版本的模型。为 Custom GPT 启用画布时,请选择支持画布的推荐模型。启用此功能后,不支持画布的模型将不可用。
请注意,所有现有 GPT 默认关闭此功能,任何新建 GPT 默认开启此功能。你可以随时在 GPT 构建器中修改此设置。
了解有关 GPT 构建器的更多信息。
与他人分享画布
所有方案均可使用画布分享功能,包括 Free、Plus、Pro、Team、Enterprise 和 Edu。
用户现在可以像分享对话一样,与其他用户分享画布资产,例如渲染后的 React/HTML 代码、文档或代码。打开画布后,你可以从画布工具栏执行此操作。

下载你的画布文件
现在,你可以根据内容类型以多种格式导出画布文档。在画布右上角找到下载按钮并试用。
对于一般文档(如论文或博客文章),画布支持导出为 PDF、Markdown (.md) 和 Word (.docx) 格式。
对于基于代码的画布,画布会智能检测语言,并以相应的文件扩展名(例如 .py、.js、.sql 等)导出,同时保留格式和语法。
此功能便于你存档作品、分享草稿,或在外部工具中继续编辑。
画布预览在“正在安装软件包”期间无法完成加载?
某些 JS/HTML 画布预览需要用户的浏览器先加载外部包或其他网页资源,然后才能渲染。如果允许画布代码访问网络处于关闭状态,或者浏览器或组织网络控制阻止了所需的外部域,预览可能无法完成加载。
检查浏览器控制台中是否有 Failed to fetch、Refused to connect 或 Content Security Policy 错误等错误。如果画布代码网络访问已启用,请检查浏览器、代理、防火墙或端点控制是否阻止了所需域。
画布和网络安全
画布可以预览网站和其他网页内容。网页内容必然是在线的,并且能够与非 OpenAI 的第三方通信。
网页预览进行的通信可以只是通过互联网访问一张图片这样简单,但也可能危险到将你输入或与 ChatGPT 分享的信息发送给第三方。
ChatGPT 会获取你在对话中提供的信息,并用它来生成更有依据的回答。在某些情况下,例如你粘贴来自互联网的信息,或检索新闻或搜索结果时,ChatGPT 会在回答中使用其他信息,包括在通过画布生成代码时。
当你与画布网页预览互动时,ChatGPT 会要求你确认是否与 OpenAI 不知晓的第三方进行通信。如果你确认此通信,我们会允许预览与该第三方通信。
