HTML/CSS/JS 代码沙箱在线实时预览

在测试邮件模板或按钮样式?粘贴你的 HTML(含 CSS + JS),实时查看渲染效果——所有内容不会上传,预览在沙箱 iframe 中运行。

嵌入此工具到你的网站 / 博客 无需开发 · 复制即可使用
HTML 嵌入代码 (iframe):
<iframe src="https://lucentool.com/zh/html-preview" width="100%" height="650" style="border:1px solid #e5e0d8;border-radius:12px;max-width:850px;width:100%;" frameborder="0"></iframe>
<div style="font-size:12px;color:#78716c;margin-top:6px;font-family:sans-serif;">Powered by <a href="https://lucentool.com/zh/html-preview" target="_blank" style="color:#c85a32;text-decoration:none;">Lucentool - HTML/CSS/JS 代码沙箱在线实时预览</a></div>

用途

沙箱说明

需要以响应式宽度预览整页?调整浏览器窗口大小即可——iframe 会随之缩放。起草内容而非代码时,可以搭配 Markdown 编辑器使用。