儲存作品,持續更新
在「我的作品」集中管理頁面與版本快照,隨時回來繼續編輯,或找回之前的版本。

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