一个像在使用PPT的在线 HTML 编辑器：HeyHTML
访问地址：heyhtml.com
它是什么
HeyHTML 是一个在线的HTML可视化编辑器。打开浏览器就能用，不需要注册账号，不需要付费。
你看到的页面，上面的每一个元素都可以点击选中、拖拽移动、双击编辑文字。改完之后 Ctrl+S 直接保存成 HTML 文件。整个编辑过程都在你的浏览器本地完成，数据不会上传到任何服务器。
核心功能
拖拽移动 + 对齐辅助线
选中元素直接拖动，拖拽过程中会显示对齐辅助线，自动吸附到相邻元素的边缘和中心。像素级精确定位，不是粗略拖放。
双击编辑文字
双击任何文字元素进入行内编辑模式。选中文字后，用浮动工具栏可以修改字体、字号、颜色、背景色、加粗、斜体、下划线、删除线，以及 H1 到 H6 的标题切换。
多功能导航栏
尽可能的赋予HeyHTML像PPT一样的HTML编辑能力。
插入表格、图片、按钮
右键打开插入面板，支持插入自定义行列数的表格、从桌面拖入或粘贴图片、添加按钮、分割线、容器等。不是只能改文字的轻量工具。
完整的快捷键支持
| 操作 | 快捷键 |
|---|---|
| 保存 | Ctrl + S |
| 撤销 / 重做 | Ctrl + Z / Ctrl + Y |
| 复制元素 | Ctrl + D |
| 组合 / 取消组合 | Ctrl + G / Ctrl + Shift + G |
| 删除 | Del |
| 多选 | Shift + 点击 |
多选与组合
按住 Shift 多选元素后 Ctrl+G 组合，组合后可以整体移动和统一设置样式，处理复杂布局时非常实用。
格式刷
选中元素点格式刷，再点另一个元素，样式一键复制。双击格式刷可以连续应用到多个元素。
完整的撤销重做
每一步操作都记录在历史栈中，支持多级撤销和重做。
设计上几个值得一提的点
免注册，免付费。 打开 heyhtml.com 直接开始编辑，没有试用期限，没有功能阉割，也不需要绑定任何账号。
数据完全本地化。 所有编辑操作都在浏览器内完成，页面内容不会上传到服务器。这对处理公司内部文档或敏感页面的场景来说很重要。
导出的代码是干净的。 不会生成一堆绝对定位坐标和内联样式堆叠的 HTML。代码结构清晰，你可以拿着导出结果继续手动调整。
离线可用。 页面资源加载完成后，断网也不影响编辑------它本质上就是一个运行在浏览器里的纯前端应用。
适用场景
- AI生成html但是需要微调
- 运营人员快速修改活动落地页的文案和图片，不用等开发排期
- 设计师出页面原型，直接导出 HTML 交给前端
- 前端开发者快速搭建页面结构，拿到干净的 HTML 再精细调整
关于开源
HeyHTML 是基于开源项目 html-visual-editor 进行二次开发的。
原项目是一个浏览器插件，安装后可以在任意网页上激活编辑器，直接对当前页面进行可视化修改。如果你想在任何网站上使用这套编辑能力，推荐去安装原作者的插件。
原作者用业余时间维护这个项目，如果你觉得这个工具有价值，欢迎去给原项目点个 Star ⭐。
🔗 原项目地址：https://github.com/joyxiaofan-beep/html-visual-editor
访问 heyhtml.com，打开即用。