延續這篇:ChatGPT的畫布模式提供了HTML程式的預覽功能,如果要讓程式產生 HTML 檔在瀏覽器中使用,該如何使用。

例如,先啟用畫布模式,輸入提示詞:請提供5個和恐懼有關的英文單字,並列出中文解釋和使用例句。

程式產生後點選:預覽,可以看看程式執行結果。

將ChatGPT畫布模式中的程式碼產生HMTL檔案在瀏覽器中

在程式碼的右下角,選取:轉移到語言。

將ChatGPT畫布模式中的程式碼產生HMTL檔案在瀏覽器中

選取一種語言,例如:JavaScript。(沒有提供 HTML 格式)

將ChatGPT畫布模式中的程式碼產生HMTL檔案在瀏覽器中

在畫布模式下,使用提示詞:將程式內容轉成HTML格式供我下載。ChatGPT 會再提供 HTML 程式碼。

將ChatGPT畫布模式中的程式碼產生HMTL檔案在瀏覽器中

複製這些程式碼,放到記事本中,另存新檔命名為例如:vab.html。

將ChatGPT畫布模式中的程式碼產生HMTL檔案在瀏覽器中

在檔案總管中選取這個檔案,拖曳至瀏覽器中即可看到結果。

將ChatGPT畫布模式中的程式碼產生HMTL檔案在瀏覽器中

學不完.教不停.用不盡文章列表

arrow
arrow
    文章標籤
    ChatGPT HTML 畫布
    全站熱搜
    創作者介紹
    創作者 vincent 的頭像
    vincent

    學不完.教不停.用不盡

    vincent 發表在 痞客邦 留言(0) 人氣()