点击需要修改的图片或文字，确认选中范围。
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 和项目素材可以随作品保存；临时文件清理不会删除已保存的作品。
准备好完成你的页面了吗？
真正所见即所得的自由拖拽编辑