返回作品列表
HTML 预览编辑器
在浏览器里打开本地 HTML，直接修改文字和格式，再下载修改后的文件。单文件工具，MIT 开源。
功能特点
- 打开本地 HTML，在页面预览中直接修改文字
- 选中文字后调整加粗、字体、颜色和高亮
- 查看编辑后的源码，下载完整 HTML 文档
- 不需要安装开发环境，公开源码采用 MIT 协议
技术栈
HTML
CSS
JavaScript
我经常需要检查 AI 做出来的 HTML。标题和段落只差几个字时，直接在预览里改，会比来回描述修改位置更顺手。
这个编辑器只需要一个文件。到上方源码仓库下载 index.html，用桌面浏览器打开，选择自己的 HTML 即可编辑。
怎么用
打开编辑器 → 点击“打开文件” → 在预览里修改文字 → 点击“保存修改” → 重新打开下载文件检查。
“保存修改”实际会下载一个 HTML 文件，不会直接写回原文件。建议保留原稿，核对下载目录里的文件名后再交付。
当前核验
2026 年 9 月 21 日，在桌面 Chromium 中用虚构课堂任务单验证了打开、修改标题、查看源码、下载和重新打开。测试页文字与原有样式保留，封面为这次操作的真实截图。
这次核验覆盖静态任务单，不代表所有复杂网页或浏览器都已通过测试。
使用边界
- 适合文字和局部格式微调；登录、数据库和业务逻辑需要回原项目修改。
- 文件在浏览器里处理，没有上传文件到服务器的处理步骤；编辑器的字体和原文件里的远程资源仍可能联网。
- 只打开可信 HTML。工具会保留页面脚本与结构，不是隔离不可信网页的安全沙箱。
- 外部资源、框架渲染和交互组件可能影响保存结果，交付前应重新打开并检查。
完整操作说明见 这篇实践文章。