Question

我正在构建一个人们可以发送电子邮件的平台 - 显示电子邮件的预览，我在表单下方使用div来输入信息。

所以一般结构如下：

<html>
    <body>
         <form>
              <!-- Form to enter email here -->
         </form>
         <div>
              <!-- Email preview here -->
              <html>
                   <!-- Email content, updated everytime user types something --->
              </html>
         </div>
    </bod>
</html>

然而，简单地使用html文档中的html标签本身似乎会混淆每个浏览器 - 而且，它看起来并不是很干净。

由于发送的电子邮件将是一个完整的html文档，因此最简单的方法是将所有内容放在div中。

我怎样才能以有效，干净的方式做到这一点？

Answer 1

使用iframe。您可以为它们编写动态内容 - 您并不总是需要使用src属性将物理页面加载到它们中。

HTML：

<iframe name='preview'></iframe>

JS（在DOM-ready回调中）

var doc = document.preview.open("text/html","replace");
doc.write('<html><body><p>this is some content</p></body></html>');
doc.close();

Answer 2

使用您使用的方法无法解决这个问题。获取在邮件客户端中呈现的电子邮件是一个挑战，您可能希望使用iframe。但是，您必须确保电子邮件副本的内容必须完全采用表格布局格式。

在html中嵌套html标签

2 个答案: