HTML 预览

高亮编辑 HTML,实时预览与 DOM 结构折叠;可按需开启沙箱隔离,本地完成不上传。

选项
沙箱隔离 已关闭(同源,风险更高)
HTML 编辑与预览
HTML 源码

关于「HTML 预览」

写小段 HTML/CSS 时,可在左侧高亮编辑、右侧实时预览或折叠查看 DOM 结构;可按需开启沙箱隔离,内容留在本机不上传。

本地处理不上传服务器免费使用

适用场景

  • 快速验证 HTML 片段效果
  • 邮件签名 HTML 预览
  • 简单落地页草稿自测
  • 本地预览不愿上传源码

使用步骤

  1. 在编辑区输入 HTML
  2. 右侧切换预览或结构树
  3. 按需开启沙箱并复制源码

常见问题

预览安全吗?

默认关闭沙箱时预览与本站同源,风险更高;建议对不信任代码开启沙箱 iframe(allow-scripts)以限制导航、表单等同域能力,请勿粘贴恶意 HTML。

会上传 HTML 吗?

不会。预览在本地完成。

能加载外链脚本吗?

沙箱开启时外链行为受限;关闭沙箱后能力接近普通页面,仍建议仅预览可信内容。

和 Markdown 预览有何不同?

本工具直接渲染 HTML,并支持源码高亮与 DOM 结构折叠;Markdown 预览先把 MD 转成 HTML 再展示。

相关教程