HtmlDrag 常見問題
本頁整理使用者在將頁面帶入 HtmlDrag 前後最常提出的問題：如何編輯現有 HTML、精修 AI 產生的頁面、將檔案轉換為可編輯 HTML、儲存與分享作品、匯出乾淨程式碼，以及了解積分、儲存空間、安全性與帳戶限制。想了解完整功能，請查看產品功能；想查看操作流程，請參閱使用教學；想依照實際情境選擇用法，請查看使用案例。目前的價格、額度與方案規則，請一律以方案頁面及應用程式內對話框的最新內容為準。
一、積分與訂閱
1.1 我購買的積分會過期嗎？
一般情況下，購買的積分（儲值積分）不會過期。儲值後，積分會加入帳戶餘額，可在未來需要時用於支援的功能，不會僅因日曆月份或計費週期結束，或 Pro 訂閱到期，而自動清除。
但是，特殊活動或促銷所贈送的積分可能有自己的有效期限規則，例如「在特定期限內使用」或「僅限特定功能使用」。如果特定活動、優惠券或頁面明確說明了過期規則或使用限制，該規則一律優先於這項一般說明。
你可以隨時在個人資料及方案／儲值頁面查看目前的積分餘額與歷史記錄。
1.2 HtmlDrag 使用哪些類型的積分？什麼是「本月贈送積分」？
HtmlDrag 主要使用兩種類型的積分：
(1) 購買積分（基礎積分）：在方案／儲值頁面購買積分方案時加入。除非特定優惠或活動另有說明，通常不會過期，可在需要時用於支援的功能。
(2) 贈送積分，包括「本月贈送積分」：某些方案或促銷會在購買積分之外額外贈送積分。在個人資料及積分歷史中，你可能會看到本月贈送積分等項目，也就是每月加入帳戶的額外積分。這些積分是購買積分以外的贈送積分，可能遵循自己的重置規則。
一般規則：使用會消耗積分的功能時，符合條件的本月贈送積分及其他贈送積分會優先扣除。剩餘費用則會從一般購買積分中扣除。
1.3 積分何時更新？為什麼時間可能與我的當地時間不同？
對於任何依據日期或計費週期運作的積分規則，包括本月贈送積分及其他以時間為基準的贈送積分，HtmlDrag 內部使用 UTC 時間（協調世界時），而不是你裝置的當地時間。
這表示你在當地時區看到積分更新的時間，會與 UTC 有固定時差。例如，每月 1 日 00:00 UTC 的重置，在中國標準時間（UTC+8）可能顯示為同日 08:00 左右；在冬季的美國東部時間（UTC-5）則可能顯示為前一天 19:00 左右。
1.4 Pro 訂閱到期後會發生什麼事？我還能使用平台嗎？
Pro 訂閱到期後，你仍然可以登入、查看個人資料並存取現有作品。最後一個計費週期結束後，不會再發放新的 Pro 會員權益（例如本月贈送積分）。沒有過期規則的購買積分（基礎積分）會保留在帳戶中，但部分 Pro 專屬功能及較高的使用上限可能不再提供。
1.5 我可以不購買積分或 Pro 就使用 HtmlDrag 嗎？
可以。免費會員仍然可以登入、管理個人資料和基本帳戶設定；在目前的儲存空間及作品數量限制內建立與編輯作品；並在畫面顯示的目前限制內，將設計下載為圖片（例如 PNG）。
但是，某些操作——尤其是 AI 生成、複製網頁、部分匯出或分享功能——可能會消耗積分，或需要有效的 Pro 訂閱。
1.6 如何取得更多積分？積分會永久保留嗎？
你可以透過以下方式增加積分餘額：在方案／儲值頁面購買積分方案；訂閱或續訂包含積分的 Pro 方案；偶爾從活動或促銷中取得贈送積分。
一般來說，你自行儲值的積分通常不會過期。與日曆月份或計費週期相關的贈送積分（包括本月贈送積分）會依照以 UTC 為基準的規則定期重置，不會無限期累積。
二、作品與資料儲存
2.1 我的作品會保留多久？
你的作品會儲存在帳戶中，不會僅因為一段時間沒有登入就被刪除。為維持平台穩定運作，當儲存空間使用量接近上限時，系統可能會顯示警告，並可能要求你刪除舊作品或升級訂閱方案。
2.2 已刪除的作品可以復原嗎？
一般來說，刪除作品是永久性操作，無法復原。刪除前請仔細確認；如果日後可能需要，建議先下載 HTML 或圖片作為備份。
2.3 透過公開連結分享作品安全嗎？
開啟作品的公開分享後，任何取得分享連結的人都可以不登入而查看該作品。分享連結很方便，但請避免以這種方式分享敏感或內部資訊。你可以隨時透過分享控制項停止分享。
三、帳戶與安全性
3.1 如果我忘記密碼或需要變更電子郵件，該怎麼辦？
你可以使用登入頁面的「忘記密碼？」連結，透過已驗證的電子郵件地址重設密碼。登入後，前往個人資料即可變更密碼或電子郵件地址。基於安全考量，變更重要資訊時可能需要驗證碼或重新驗證身分。
3.2 如果我申請刪除帳戶，會發生什麼事？
提交帳戶刪除申請後，帳戶會進入具有保留期間的排程刪除狀態。在這段期間，你可能無法正常使用帳戶。保留期結束後，帳戶資料及作品會依適用政策逐步刪除或匿名化。剩餘積分及方案權益會被清除，刪除完成後無法復原。
四、付款與退款
4.1 如果付款失敗或頁面卡住，如何查看訂單狀態？
如果付款過程中發生網路問題、逾時或頁面卡住等情況，你可以開啟個人資料中的「訂單記錄」查看最終狀態；如果付款結果頁面提供「刷新狀態」按鈕，請使用該按鈕重新查詢；如果仍不確定，請透過意見回饋頁面或支援信箱聯絡我們，並提供相關截圖及訂單資訊。
4.2 儲值或訂閱方案可以退款嗎？
儲值及訂閱購買的退款資格與規則，請參閱《退款政策》頁面。付款前請仔細閱讀該頁面；如有不一致，應以《退款政策》為準。
五、編輯器與功能限制
5.1 HtmlDrag 建議使用哪些瀏覽器？
我們建議使用最新版本的 Chrome、Edge、Safari 和 Firefox 等現代桌面瀏覽器。行動瀏覽器受到的支援較有限；若要進行複雜編輯，強烈建議使用桌面瀏覽器，以獲得更好的效能與預覽品質。
5.2 為什麼複製網頁可能失敗或顯示不完整？
複製網頁會嘗試擷取可公開存取的頁面，並將其轉換為可編輯 HTML。但在以下情況中，結果可能不完整，或複製可能失敗：
• 需要登入，或使用嚴格反機器人／安全防護機制的網站
• 頁面非常大，或包含無法在限定時間內完整轉譯的高度動態內容
• 經安全檢查標記為不安全或受限制的 URL
• 明確禁止爬取、鏡像或自動擷取的網站
• 單頁應用程式（SPA）：使用 React、Vue 或 Angular 等框架建立的網站，通常依賴用戶端 JavaScript 轉譯內容，初始擷取時可能出現空白或不完整的結果
• 延遲載入內容：許多現代網站使用延遲載入技術，圖片和內容只有在捲動至視窗範圍時才會載入，因此這些內容可能無法被擷取
• 伺服器端限制：部分伺服器可能拒絕自動化工具的請求，回傳錯誤頁面或空白內容
• 跨來源資源共用（CORS）限制：網站上的部分資源（例如字型、圖片、指令碼）可能因跨來源政策而無法載入
• 圖片防盜鏈：部分網站的圖片伺服器會檢查 Referer 標頭，拒絕非原始來源的存取，導致圖片顯示為空白或佔位圖片
• CDN 與地區限制：部分內容可能只在特定地區提供，或需要透過特定 CDN 節點存取
• 動態載入逾時：如果頁面需要較長時間完成 JavaScript 執行及 AJAX 請求，可能會超過擷取等待時間
如果複製網頁無法如預期運作，可以改用上傳 HTML或貼上程式碼選項帶入 HTML。
5.3 為什麼上傳或貼上的 HTML 中圖片無法顯示？
上傳檔案或貼上 HTML 程式碼後，圖片可能因以下常見原因而無法顯示：
• 本機路徑參照：HTML 中的圖片使用相對路徑（例如 images/logo.png）或本機檔案路徑（例如 file:///C:/images/logo.png），上傳後無法解析
• 缺少圖片檔案：只上傳了 HTML 檔案，沒有一併上傳相關圖片資源
• 外部圖片失效：HTML 中參照的外部圖片 URL 可能已過期、被刪除，或伺服器無法使用
• 防盜鏈保護：外部圖片伺服器可能封鎖從其他網域載入圖片
• HTTPS/HTTP 混合內容：如果頁面透過 HTTPS 載入，HTTP 協定的圖片可能會被瀏覽器封鎖
解決方案：將圖片上傳到可公開存取的圖片託管服務或 CDN，然後把 HTML 中的圖片路徑替換為完整 URL；也可以使用編輯器中的圖片上傳功能直接替換圖片。
5.4 為什麼匯入的頁面看起來與原始網站不同？
匯入頁面與原始網站之間可能出現視覺差異，原因包括：
• JavaScript 相依性：原始頁面依賴的互動指令碼可能沒有完整執行，或受到安全政策阻擋
• 外部樣式表：部分 CSS 檔案可能因跨來源限制或防盜鏈保護而無法載入
• 網頁字型：自訂字型可能因授權或跨來源限制而無法載入，因而改用預設字型顯示
• 響應式版面：頁面可能依視窗範圍大小顯示不同版面，擷取時的視窗範圍可能與目前瀏覽器不同
• 動態內容：透過 AJAX 或 WebSocket 載入的即時資料不會被擷取
• 編輯器處理：為確保安全性及可編輯性，匯入的 HTML 會經過處理，部分指令碼及樣式可能會被修改或移除
5.5 可以從編輯器匯出乾淨 HTML 嗎？
可以，但有幾點重要事項需要注意：
完成設計後，你可以將作品匯出為 HTML 及／或圖片檔案，託管在自己的伺服器上，或交給開發人員。為了讓匯出的頁面在不同環境中更安全、更穩定，下載的 HTML 會經過 HtmlDrag 處理：移除編輯器專用標記、剝離部分編輯器專用指令碼及樣式，並將資源 URL 標準化。這不是原始碼的逐位元組複本。
在編輯器中點選「下載 HTML」按鈕後，「選擇下載類型」對話框會讓你在「編輯後 HTML」（包含目前在編輯器中的所有修改）與「原始 HTML」（來自最初的複製網頁、上傳 HTML、貼上程式碼或 AI 生成步驟的原始程式碼，不包含之後在編輯器中的修改）之間選擇。
六、編輯、AI 精修與交付
HtmlDrag 主要用來做什麼？
HtmlDrag 是用來完成頁面最後 10% 視覺調整的 HTML 編輯器：適合在你已有 HTML 檔案、匯入頁面、AI 產生的初稿，或已整理成 HTML 的來源素材之後使用。你不必重建整個專案，就能完成看得見的修改，並將結果保留為標準 HTML。
可以在線上編輯現有 HTML 嗎？
可以。你可以上傳 HTML 檔案、貼上程式碼，或使用複製網頁處理自己擁有或獲得編輯授權的公開 URL。頁面開啟於畫布後，可以直接以視覺化方式修改內容和版面，再匯出結果。複製網頁會建立工作副本，不會修改原始頁面。
可以編輯 AI 產生的 HTML 嗎？
可以。你可以貼上 ChatGPT、Claude、v0 或其他 AI 工具產生的 HTML，或從 AI 建立開始。你可以替換通用文案、重新調整版面、更新圖片和連結，也可以針對選取的元素或區塊使用 AI 精修，不必重新產生整份文件。
在視覺化畫布上可以修改哪些內容？
你可以編輯文字和標題、替換與調整圖片、變更間距和視覺樣式、移動或調整元素大小、更新按鈕和連結目標，以及重新排序、複製或刪除頁面區塊。實際可用的控制項取決於選取的元素和目前的編輯器介面。
可以編輯表格和插入元件嗎？
可以。元件面板可以插入按鈕、圖形、容器和表格；現有表格也可以編輯和調整樣式，讓價目表、比較表或資料區塊在最終頁面上更容易理解。
可以新增連結、鎖定元素或刪除元素嗎？
可以。你可以更新文字和按鈕上的連結目標，透過圖層或 DOM 面板找到巢狀元素，鎖定已完成的元素、隱藏內容、變更圖層順序，或刪除不再需要保留在頁面中的元素。
可以在匯出前儲存版本並分享頁面嗎？
可以。你可以儲存版本快照、建立分享連結供他人審閱、收集回饋，並在內容及視覺方向獲得確認後再匯出。除非觀看者已獲得授權，否則不要把敏感或內部內容放入公開預覽。
什麼是乾淨 HTML 匯出？
HTML 匯出會經過交付處理：編輯器專用標記和樣式會被移除或標準化，結果不保證與原始程式碼逐位元組相同。在提供這些選項的下載流程中，可以區分目前編輯後的 HTML 與最初輸入的原始 HTML。
HtmlDrag 會取代網站建置工具或程式碼編輯器嗎？
不會。它服務的是不同階段。HtmlDrag 用於視覺化精修與 HTML 交付；CMS、框架、程式碼編輯器、後端、API 層及正式 QA 仍可能是最終交付流程的一部分。匯出的 HTML 著重可攜性，不要求依賴專有執行環境。
非技術團隊可以使用 HtmlDrag 嗎？
可以。行銷、內容、設計及客戶團隊可以在畫布上修改頁面的可見內容，而開發人員則可以檢查原始碼，繼續進行響應式檢查、整合、無障礙審查及部署。
七、「AI 建立」與「檔案轉 HTML」
AI 建立支援哪些檔案轉換為可編輯 HTML？
AI 建立支援 PDF、Word、Markdown、TXT、PowerPoint、Excel、CSV、JPG、PNG 及自訂需求。可用格式及額度可能取決於目前的方案和應用程式內流程。
AI 建立產生的是圖片還是可編輯 HTML？
結果是可編輯 HTML。它會在 HtmlDrag 畫布中開啟，你可以繼續調整文字、圖片、版面及視覺細節。
AI 建立與複製網頁、上傳 HTML、貼上程式碼有什麼不同？
複製網頁從已獲授權的公開網頁開始，上傳 HTML 從本機 HTML 檔案開始，貼上程式碼則從 HTML 片段開始；AI 建立從來源素材、範本或需求描述開始，產生第一版可編輯 HTML 草稿。
應該如何理解上傳檔案與隱私？
檔案會作為 AI 生成流程的輸入，之後你會繼續編輯生成的 HTML 結果。對於機密資料，請在上傳前查看目前的《隱私政策》及應用程式內提示，並只上傳組織允許透過外部服務處理的資料。
八、聯絡方式
如有其他問題，請聯絡：
電子郵件：[email protected]