HTML 编辑器使用教程：本地编辑、实时预览与格式化压缩

上传本地 .html/.htm（最大 2MB）或点击「新建文件」，进入全屏编辑器完成编辑、实时预览、格式化、压缩、复制与保存；数据不上传服务器。

功能特点

• 双入口：上传 HTML，或「新建文件」。
• 三种视图：代码、分屏预览（左码右 iframe）、全屏预览。
• 顶栏：左「重置」｜中视图切换｜右格式化 / 压缩 / 复制 / 保存。
• 格式化与压缩只写回编辑器；不自动复制，需点「复制」。
• 「保存」优先系统另存为；首次成功后顶栏变为「自动保存中」（浅绿状态提示、不可点），可自动写回（文件被删则恢复「保存」；不支持时回退下载）。
• 预览为本地 iframe 沙箱，支持内联 CSS/JS。

使用场景

• 落地页 / 邮件模板本地改稿并即时预览。
• 美化或压缩 HTML 后再复制到业务系统。
• 分屏对照源码与渲染效果。

使用方法

1. 上传或「新建文件」进入全屏编辑器。
2. 用顶栏切换「代码 / 分屏 / 全屏预览」；分屏下改码约 160ms 内刷新右侧。
3. 「格式化」「压缩」更新源码但不自动复制。
4. 「复制」复制全文；「保存」另存为（可重命名），成功后变为「自动保存中」，之后可自动写回。
5. 「重置」清空并回到双卡片入口。

注意事项

• 全部本地处理，不上传服务器。
• 仅 .html/.htm，单文件最大 2MB；超大源码可能导致卡顿。
• 格式化与压缩会覆盖当前编辑内容。