今天上教師研習關於生成式AI研習課程時，被問到如果在 Gemini 中產生的程式碼是使用 React 框架撰寫的單頁網頁應用程式，無法在 Google 協作平台中以嵌入方式呈現網頁時，該如何處理？
如果你讓 Gemini 產生了一個網頁程式：
在檢查其程式碼時發現，其是提供React 框架撰寫的單頁網頁應用程式。這些程式碼無法直接放到 Google 協作平台的嵌入網頁中呈現。
你可以這樣做來將其調整為HTML網頁內容。
方式一：
直接使用提示詞：
將這個使用React框架撰寫的程式轉成一般HTML網頁，並且注意界面的字體大小以利閱讀。以明亮而色彩豐富的視覺化設計呈現。盡量增加網頁互動性。
方式二：
- 複製這個程式碼。
- 貼在記事本中並儲存檔案。
- 上傳至 Gemini 中，模式選：Canvas，並使用以下的提示詞：
將上傳的檔案內容(使用 React 框架撰寫的單頁網頁應用程式)，轉成一般HTML網頁，並且注意界面的字體大小以利閱讀。以明亮而色彩豐富的視覺化設計呈現。盡量增加網頁互動性。
Gemini 會將它轉換為一般的 HTML 程式。請先複製這些程式碼備用。
接著，來到 Google 協作平台。
在頁面中選擇插入：單頁嵌入。
先輸入網頁標題名稱：
接著，點選：新增嵌入內容。
點選：嵌入程式碼。
接著，貼上先前在 Gemini 中複製的 HTML 程式碼。
預覽結果：
如此，Gemini 所寫的網頁即可轉換至協作平台中了。
