我正在尝试显示HTML电子邮件的“预览”.我的数据库中有HTML,现在需要在iframe,弹出窗口或其他内容中呈现它.我正在尝试将html注入页面上的div标记中,但不会显示任何内容.这是我遇到的问题(我有嵌套的HTML标签):
<html>
<body>
<h1>My page</h1>
<div id="email-body">
<html>
<body>
<p>email</p>
</body>
</html>
</div>
</body>
</html>
最佳答案
您可以将HTML写入弹出窗口.
var preview = window.open("",/* options */);
preview.document.write(html);
preview.document.close();
但是像我一样,许多人不喜欢弹出窗口.另一考虑是仅显示< body>内容.更好的是,大多数邮件客户端仅支持它.使用text / html的内容类型,您可以发送HTML邮件,就像它将成为HTML< body>的一部分一样.
<p>email</p>
这样,您就可以进行预览,只需以通常的方式将其插入主页的某个div中即可.
如果您喜欢为元素设置样式,但不喜欢内联样式,则还可以添加< style>元件.这些邮件客户端大多数也都支持它.
<style>p { font-family: arial,sans-serif; }</style>
<p>email</p>
从HTML纯粹主义者的角度来看,这确实在语法上是无效的.但是它可以工作(也可以在网络浏览器中使用!),并大大简化了工作.