HTML 编辑器

左侧编写 HTML 源码，右侧即时渲染预览，适合快速验证片段与邮件模板。

隐私提示：本地解析，不上传服务器。

↓ 在下方输入区粘贴内容，结果会立即显示

左侧编辑 HTML，右侧实时预览渲染效果。

HTML 源码

Edit HTML on the left and preview on the right.

预览使用当前页面上下文渲染; 请勿粘贴不可信来源的脚本内容。

左侧编写 HTML 源码，右侧即时渲染预览，适合快速验证片段与邮件模板。

验证富文本片段、邮件 HTML、落地页模块是否在浏览器中正常显示。

左侧编辑 HTML、右侧实时预览，支持常见标签与内联样式调试，无需搭建本地服务器即可查看渲染效果。

邮件模板微调、富文本导出排查、教学演示标签作用、快速验证 snippet 是否破坏布局时使用。

在左侧编辑区输入 HTML 代码时，右侧预览区会实时更新渲染结果。你可以快速测试标签效果，比如修改 <h1> 标题样式或调整表格边框。遇到问题时，尝试在代码中添加边框或背景色来辅助调试元素布局。

对于邮件模板开发，先在此工具验证基础结构，再复制到邮件客户端测试。注意某些客户端（如 Outlook）可能限制 CSS 支持，此时可通过工具快速切换不同代码方案进行兼容性测试。

Input

<h1>Hello</h1>

Output

Rendered heading

会执行脚本吗？

预览在当前页面上下文渲染; 请勿粘贴不可信脚本。

为什么我的邮件模板在工具里显示正常，但发出去样式乱了？

这是因为多数邮件客户端使用老旧 HTML 引擎。建议：1) 使用表格布局而非 Div，2) 内联所有 CSS 样式，3) 在工具中测试时勾选「模拟邮件客户端」选项（如有）。Gmail、Outlook 等都有特定限制，需针对性适配。