點選需要修改的圖片或文字，確認選取範圍。
HtmlDrag
從初稿到完整頁面
頁面已經有了
最後一輪，改到位
用 HtmlDrag 視覺化編輯現有 HTML 和 AI 產生的頁面。直接調整文字、圖片和版面，或選取元素交給 AI 精修，讓初稿成為可以交付的頁面。
從你手上的內容開始
現有 HTML/AI 產生的頁面/公開網頁/PDF · Word · Excel · PPT · 圖片
01 / AI 精修
選取元素
讓 AI 定向精修
換一張圖、改一段文字，先選取需要修改的部分。用自然語言描述要求，讓 AI 從現有頁面繼續完善。
用一句話說明修改目標，讓 AI 處理選取的內容。
開啟預覽，確認這次修改，再繼續精修或進入編輯器。
02 / HTML 編輯
視覺化編輯 HTML
細節由你定稿
直接修改文字、替換圖片，拖曳元素調整位置。還能插入元素、編輯表格、鎖定元素和加入連結，修改後預覽結果。
03 / 檔案轉 HTML
檔案轉 HTML
讓資料變成網頁
將 PDF、Word、Excel、PPT、圖片、TXT 和 Markdown 的內容，整理成可以繼續編輯的 HTML 網頁。
把客戶提案做成介紹頁
將專案目標、交付安排和報價整理到同一個頁面。
你的檔案可編輯 HTML完成的頁面
04 / 複製 · 儲存 · 分享 · 匯出
從複製網頁開始
讓作品持續完善
從一個網頁連結起步，在 HtmlDrag 持續創作。把頁面儲存為可長期管理和修改的作品，再透過分享與匯出，讓成果被看見、被使用。
輸入公開網頁 URL，取得可編輯的頁面起點，再修改文字、圖片與版面。
在「我的作品」集中管理頁面與版本快照，隨時回來繼續編輯，或找回之前的版本。
把作品預覽傳給客戶或團隊，用於展示、審閱與溝通；根據回饋回到作品繼續完善。
匯出移除編輯器輔助標記的獨立 HTML，用於開發或自行部署；也可免費匯出為圖片，方便展示與分享。
開始之前
你可能
想知道
能編輯 AI 產生的 HTML 嗎？
可以。上傳 HTML 或貼上程式碼後，可修改文字、圖片、樣式和元素位置，也可以選取元素進行 AI 精修。依賴應用程式框架或複雜動態行為的頁面，匯入後可能需要額外調整。
AI 精修與重新產生整頁有何不同？
傳統全頁重新產生往往一修改就重寫整份程式碼，容易破壞已調好的版面並遺失手動編輯。HtmlDrag 的 AI 精修從你選取的元素出發，以自然語言描述目標，只針對選取範圍進行定向局部處理並產生新版本，頁面其餘部分完全保持不變。請在預覽中確認修改，再繼續精修或進入編輯器。
視覺化編輯器只能拖曳元素嗎？
遠不只是拖曳。除了拖曳與縮放，還能直接編輯文字、替換圖片、插入新元件、編輯表格、管理圖層、鎖定或刪除元素、加入超連結，以及直接存取純淨 HTML/CSS 原始碼。不同操作適合不同細節，可與 AI 精修完美搭配。
檔案轉 HTML 會完全還原原始檔案嗎？
檔案轉 HTML 使用 AI 將檔案內容整理成可編輯網頁，不保證逐像素還原。請檢查文字、資料、表格、圖片和版面，再用 AI 精修或在畫布上調整。
匯出的 HTML 可以自行部署嗎？
可以。下載編輯後的 HTML，用於後續開發或自行部署。外部圖片、字型、指令碼和服務仍須保持可存取；發布前請在部署環境檢查。
可以複製公開網頁嗎？
使用「複製網頁」將公開頁面匯入為編輯起點。登入限制、防爬蟲機制、動態內容和資源限制可能會影響結果。請檢查匯入的頁面，並使用你有權編輯的內容。
上傳的文件會如何儲存和處理？
文件可能暫存於伺服器，用於解析和產生頁面，處理完成或到期後清理。產生的 HTML 和專案素材可以隨專案儲存；暫存檔案清理不會刪除已儲存的專案。
準備好完成你的頁面了嗎？
真正所見即所得的自由拖曳編輯