7

我正在构建一个人们可以发送电子邮件的平台——为了显示电子邮件的预览,我在表单下方使用了一个 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 中是最简单的。

我怎样才能以一种有效、干净的方式做到这一点?

4

2 回答 2

6

使用 iframe。您可以向它们写入动态内容 - 您不必总是使用src属性将物理页面加载到它们中。

HTML:

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

JS(在 DOM 就绪回调中)

var doc = document.preview.open("text/html","replace");
doc.write('<html><body><p>this is some content</p></body></html>');
doc.close();
于 2012-08-05T14:39:10.353 回答
1

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

于 2012-08-05T14:33:19.480 回答