OpenAI
此頁面由機器翻譯。查看原始英文文章

ChatGPT 的畫布功能是什麼?我要怎麼使用?

在 ChatGPT 中使用畫布功能的常見問題

更新日期:6 days ago

請注意,畫布可在網頁版、Windows 與 MacOS 上使用。行動平台(iOS、Android、行動網頁)即將推出。

畫布是用來在需要編輯與修訂的寫作與程式專案中,與 ChatGPT 協作的新介面。

使用畫布時,ChatGPT 能更理解你想達成的目標脈絡。你可以反白特定區段,明確指出希望 ChatGPT 聚焦的內容。它也能以「行內」方式提供回饋與建議,同時兼顧整個專案。

在畫布中,你可以掌控專案。你能直接編輯文字或程式碼;也能使用捷徑讓 ChatGPT 調整文章長度、除錯程式碼,並快速執行其他實用操作。你也可以使用畫布中的返回按鈕,還原到先前版本的工作內容。

請注意,畫布不支援 pro 系列模型。

React/HTML 轉譯如何運作?

React/HTML 程式碼會在沙盒環境中轉譯,讓你查看程式碼的輸出結果。所有 npm 套件與許多 JavaScript 程式庫都可使用。

畫布的程式碼執行與網路存取切換

請注意,程式碼執行與 React/HTML 轉譯可能會產生對外的網路請求。企業工作區管理員可控管工作區中使用者是否能使用畫布程式碼執行功能,以及預設的網路存取行為。預設情況下,企業工作區會將 畫布程式碼執行設為開啟,並將 允許畫布程式碼存取網路設為關閉;但你可在工作區的 管理員設定中調整這些切換選項。

Image

在 ChatGPT 中存取畫布

當 ChatGPT 理解你想達成的目標時,可能會開啟畫布。舉例來說,你可以請 ChatGPT 生成一段文字(例如:「讓我們寫一篇長篇文章,說明為什麼草莓是偽果」),或替你撰寫程式碼草稿(例如:「用 python 寫一個網頁伺服器」),它就會以畫布回應。通常當 ChatGPT 生成超過 10 行的內容,或偵測到有需要寫作或程式介面會更有幫助的情境時,你可以預期它會自動開啟畫布。此外,你也可以在提示詞中加入「使用畫布…」,要求 ChatGPT 開啟畫布。

含有畫布的回應,會自動在右側開啟一個視窗,顯示你要求的內容。

你也可以在網頁版上,透過對 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 會加入行內建議以改善你的寫作。

  • 調整長度:縮短或延長文件長度。

  • 變更閱讀程度:將閱讀程度從幼兒園調整到研究所。

  • 最後潤飾:檢查文法、清晰度與一致性。

  • 加入表情符號:用表情符號替換文字,或加入表情符號以加強強調與呈現效果。

針對程式,你可以使用以下捷徑:

  • 加入日誌:插入 print 陳述式,以協助除錯與追蹤執行情況。

  • 加入註解:新增註解來說明程式碼並提升可讀性。

  • 修正錯誤:偵測並重寫有問題的程式碼以解決錯誤。

  • 移植到語言:將程式碼翻譯成 JavaScript、Python、Java、TypeScript、C++ 或 PHP 等語言。

  • 程式碼審查:提供行內建議以最佳化並改善你的程式碼。

部分捷徑會立即更新你專案的內容,例如 加入表情符號最後潤飾修正錯誤移植到語言

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 會提供錯誤建議——點擊 修正錯誤按鈕,讓 ChatGPT 嘗試替你修正!

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

此功能目前僅適用於 Python 程式碼,但我們計畫未來擴展到其他程式語言。

為你的 GPT 啟用畫布

畫布現在可與 GPTs 搭配使用。你可以在 GPT Builder 中啟用畫布功能,以開放 GPTs 的畫布存取權。這能讓你的 GPT 終端使用者在與你的 GPT 對話時開啟畫布。

Capabilities menu with Canvas selected

請注意,所有既有 GPT 目前都預設關閉此功能,而新建立的 GPT 則預設開啟。你可隨時在 GPT Builder 中修改。

深入了解 GPT Builder。

與他人分享畫布

所有方案都可使用分享畫布功能,包括 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 等),同時保留格式與語法。

此功能可讓你更容易封存工作、分享草稿,或在外部工具中繼續編輯。

畫布與網路安全

畫布可以預覽網站與其他網頁內容。網頁內容必然是線上的,並且可能與非 OpenAI 的第三方進行通訊。

網頁預覽所進行的通訊,可能只是透過網路載入一張圖片——但也可能像把你輸入或與 ChatGPT 分享的資訊傳送給第三方那樣危險。

ChatGPT 會接收你在對話中提供的資訊,並用來生成更有根據的回應。在某些情況下,例如你貼上來自網路的資訊,或系統擷取新聞或搜尋結果時,ChatGPT 也會使用其他資訊來回應,包括在畫布中產生程式碼時。

當你與畫布的網頁預覽互動時,ChatGPT 會要求你確認是否要與 OpenAI 不認識的第三方通訊。若你確認允許此通訊,我們就會讓預覽與該第三方進行通訊。

這篇文章有幫助嗎?