HtmlDrag

嗨，Product Hunt，我是 Bowen，HtmlDrag 背后的独立开发者。这是我们的第二次发布。

在使用 AI 编辑 HTML 时，有一件事一直困扰着我：哪怕只是一个很小的修改，也需要大量的解释。我能清楚地看到想改什么，却还得描述它在哪里、想保留页面的哪些部分。有时 AI 改动过大，把我已经满意的内容也一并覆盖了。

我想找一种更简单的方式来明确这种区别。HtmlDrag 已经能够识别单个元素，并允许我通过可视化方式编辑它们，于是我开始思考：既然可以直接点击，为什么要通过提示词来描述位置呢？

这就是 AI 精修功能的核心理念：选中页面中你想要修改的部分，然后告诉 AI 怎么处理它。

在我规划这项功能的时候，有人问我能不能提供一种方式，锁定他们想保留的 HTML，只让 AI 编辑特定部分。我告诉他们，这已经在我的路线图上了。听到这个需求让我对这个方向更有信心，于是投入了大量时间来实现它：在保留周围 HTML 结构的前提下，对选中的元素进行精确编辑。

在做这件事的过程中，我也重新审视了用户最初是如何进入 HtmlDrag 的。我一直在努力让编辑变得更简单，但旧版主页却让用户在抵达后点击三次才能进入编辑器。

我对这个布局不满已经有一段时间了。过去两个月，我终于想明白了原因：我把更多精力放在了展示 HtmlDrag 能做什么上，而不是帮助用户真正做到这些。

我尝试了好几个版本，最终确定了现在这个新版主页。现在你可以直接在那里上传 HTML，立即进入编辑。这是我终于满意的设计，我很好奇它在你看来是否和我感觉一样简单直接。

本次发布还支持将文档、电子表格和幻灯片转换为可编辑的 HTML。你可以进行可视化编辑、导出独立的 HTML、生成分享预览链接，或者免费下载设计稿为图片，以上全部免费。

如果你在使用 AI 编辑时也有过类似的经历，我很想邀请你试试直接选中元素这种方式。它是否让修改更容易一步到位？如果新版主页仍然让你停下来思考下一步该做什么，我也非常希望听到你的反馈。

https://htmldrag.com

感谢你的关注。