OpenAI
页面内容为机器翻译。查看英文原文

ChatGPT 里的画布功能是什么?我该如何使用?

关于在 ChatGPT 中使用画布功能的常见问题

更新于:3 days ago

请注意,画布可在 Web、Windows 和 macOS 上使用。移动平台(iOS、Android、移动网页版)即将推出。

画布(Canvas)是一种全新界面,用于在需要编辑与反复修改的写作和编程项目中与 ChatGPT 协作。

借助画布,ChatGPT 能更好地理解你想完成的目标所处的上下文。你可以高亮特定部分,明确指出希望 ChatGPT 聚焦的内容。它还可以在考虑整个项目的前提下,提供行内反馈和建议。

在画布中,你掌控项目。你可以直接编辑文本或代码。你可以使用快捷方式,让 ChatGPT 调整写作长度、调试代码,并快速执行其他实用操作。你还可以使用画布中的返回按钮,恢复到之前的工作版本。

请注意,画布不支持 pro 系列模型。

React/HTML 渲染是如何工作的?

React/HTML 代码会在沙箱环境中渲染,让你查看代码输出。所有 npm 包以及许多 JavaScript 库都可使用。

画布代码执行与网络访问开关

请注意,代码执行和 React/HTML 渲染可能会发起外部网络请求。企业工作区管理员可以控制工作区用户是否可使用画布代码执行,以及默认的网络访问行为。在企业工作区中,默认情况下,画布代码执行开启,而允许画布代码访问网络关闭;但这些开关可在工作区的管理员设置中进行配置。

Image

在 ChatGPT 中打开画布

当 ChatGPT 理解你想完成的目标时,可能会打开画布。例如,你可以让 ChatGPT 生成一段文字(如:"让我们写一篇长文,解释为什么草莓是拟果"),或为你起草代码(如:“用 Python 写一个 Web 服务器”),它会用画布来回应。通常,当 ChatGPT 生成的内容超过 10 行,或检测到需要写作/编码界面会更有帮助的场景时,ChatGPT 会自动打开画布。此外,你也可以在提示词中加入“使用画布……”,来让 ChatGPT 打开画布。

带画布的回复会自动在右侧打开一个窗口,其中包含你请求的内容。

你也可以在 Web 端对 ChatGPT 说“打开一个画布”或“打开一个编程画布”等,直接从空白画布开始。有了空白画布,你可以将现有项目粘贴进去继续处理,或直接在画布中输入。

你还可以把内容粘贴到 ChatGPT 中,并通过输入框右上角的快捷方式立即在画布中打开。

ChatGPT composer with the Open in canvas button highlighted

此外,提示词撰写器中的工具箱也支持你在提示词里让 ChatGPT 创建一个新的画布。你也可以通过输入斜杠(“/”),然后使用“canvas”命令来触发。

ChatGPT composer with the tools menu open, including the Canvas option

用画布编辑你的项目

你可以在聊天中直接提出修改需求来编辑画布。另外,你也可以通过高亮文本来选中部分内容,或使用块注释图标选中整段段落块。随后会打开一个输入框,你可以在其中说明希望对所选部分进行哪些解释或编辑。

Canvas text selected with a comment icon to add feedback

你也可以点击进入画布并直接输入,从而直接编辑画布内容。请注意,目前仅支持基础 Markdown 格式,包括加粗、斜体、标题、项目符号和编号列表。画布暂不支持更高级的格式选项。

你可以通过选择建议修改审查代码快捷方式,从 ChatGPT 获取有针对性的评论建议。点击评论气泡即可查看 ChatGPT 给出的具体建议。你可以直接编辑被标记的内容并关闭评论,或选择“应用”,让 ChatGPT 自动生成内容来处理该评论。

Canvas suggestion card in ChatGPT offering an edit and Apply button beside highlighted text

在进行写作任务时,你也可以高亮文本或代码的特定部分,让 ChatGPT 对该部分提出修改建议,或就其提问。高亮一段文字也可调出格式选项。支持基础 Markdown 格式,包括加粗、斜体、标题、项目符号和编号列表。画布暂不支持更高级的格式选项。

ChatGPT canvas text selected with inline tools for Ask ChatGPT, bold, italic, and formatting

画布中的写作与编程快捷方式

与 ChatGPT 搭配的画布提供了一组写作快捷方式,让你可以请求修改建议、调整输出长度、更新目标阅读水平,并为文章添加表情符号或进行最终润色。要找到这些快捷方式,请将鼠标悬停在页面右下角的快捷菜单上。

ChatGPT canvas toolbar with Suggest edits selected

在撰写文档时,你可以使用以下快捷方式:

  • 建议修改:ChatGPT 会添加行内建议,帮助你改进写作。

  • 调整长度:缩短或扩展文档长度。

  • 更改阅读级别:将阅读级别从幼儿园调整到研究生阶段。

  • 最终润色:检查语法、清晰度和一致性。

  • 添加表情符号:用表情符号替换部分词语,或添加表情符号以增强强调和表现力。

在编程时,你可以使用以下快捷方式:

  • 添加日志:插入打印语句,帮助调试并跟踪执行情况。

  • 添加注释:添加注释以解释代码并提升可读性。

  • 修复 bug:检测并重写有问题的代码以解决错误。

  • 移植到语言:将代码翻译成 JavaScript、Python、Java、TypeScript、C++ 或 PHP 等语言。

  • 代码审查:提供行内建议以优化并改进代码。

部分快捷方式会立即更新你的项目内容,例如添加表情符号最终润色修复 bug移植到语言

ChatGPT canvas open to a draft titled Strawberry Pseudocarp with editing controls in the header

其他快捷方式可通过滑块进行微调。例如,调整长度快捷方式让你可以在“最短”到“最长”的选项之间灵活选择。阅读级别快捷方式让你可以将阅读级别从幼儿园调整到研究生阶段。

Image

版本历史与显示更改

你可以使用顶部工具栏中的箭头,通过版本历史在画布文档或代码的不同版本间切换。这样你既能查看之前的版本,也可以按需恢复这些版本。你也可以选择复制按钮来复制项目内容。

Canvas toolbar undo button tooltip labeled Previous version

此外,你还可以使用顶部工具栏中的显示更改按钮查看画布版本之间的差异。它会显示文档和代码的新增与删除内容。

Canvas editing an email draft with suggested text replacing a selected paragraph

用画布执行 Python 代码

当你使用画布时,可以在浏览器中直接执行 Python 的代码画布文件:在画布中选择“执行”按钮即可。执行 Python 代码时,输出会显示在屏幕底部的控制台中。如果控制台出现错误,ChatGPT 会提供关于该错误的建议——点击修复 bug按钮,让 ChatGPT 尝试为你修复!

Canvas code editor with ChatGPT suggesting a fix for a Fibonacci function exception

该功能目前仅适用于 Python 代码,但我们计划在未来扩展到其他编程语言。

为你的 GPT 启用画布

画布现已支持 GPTs。你可以在 GPT 构建器中启用画布能力,从而为 GPTs 开启画布访问。这会让你的 GPT 终端用户在与 GPT 聊天时也能打开画布。

Capabilities menu with Canvas selected

请注意,所有现有 GPT 默认关闭此能力;新创建的 GPT 默认开启。你可以随时在 GPT 构建器中修改该设置。

了解更多关于 GPT 构建器的信息。

与他人分享画布

所有套餐都支持分享画布,包括 Free、Plus、Pro、Team、Enterprise 和 Edu。

用户现在可以将画布资源(例如渲染后的 React/HTML 代码、文档或代码)分享给其他用户,方式类似于分享对话。你可以在画布打开时,通过画布工具栏进行分享。

ChatGPT canvas open with a coding project preview reading SHARING NOW AVAILABLE

下载你的画布文件

你现在可以根据内容类型,将画布文档导出为多种格式。试试看:在画布右上角找到下载按钮。

对于一般文档(如论文或博客文章),画布支持导出为PDF、Markdown (.md)Word (.docx) 格式。

对于以代码为主的画布,画布会智能检测语言,并以合适的文件扩展名导出(例如 .py.js.sql 等),同时保留格式与语法。

该功能让你可以轻松归档作品、分享草稿,或在外部工具中继续编辑。

画布与 Web 安全

画布可以预览网站和其他 Web 内容。Web 内容必然在线,并且能够与 OpenAI 以外的第三方通信。

Web 预览所进行的通信可能很简单,例如通过互联网加载一张图片——但也可能很危险,例如将你输入或与 ChatGPT 分享的信息发送给第三方。

ChatGPT 会接收你在对话中提供的信息,并据此生成更有依据的回复。在某些情况下,例如你从互联网上粘贴信息,或检索到新闻/搜索结果时,ChatGPT 还会使用其他信息来生成回复,包括在画布中生成代码。

当你与画布的 Web 预览交互时,ChatGPT 会要求你确认与 OpenAI 不认识的第三方进行通信。如果你确认该通信,我们将允许预览与该第三方通信。

这篇文章对你有帮助吗?