如何编写html电子邮件以打印出两个单独的页面？

业务催促电子商务drop shipping order发送给供应商。我想添加第二个表格，这是供应商将产品运送给我的客户时将使用的装箱单。如何编写html电子邮件以打印出两个单独的页面？

自定义包含两个表格的html电子邮件。 1.供应商下降航运秩序 2.供应商装箱单

试图找出如何将两个表分开，以便他们将打印为两个独立的页面时，收件人收到的电子邮件。

来源

2015-08-28 Will Noel

我知道BC省以及它的系统邮件是如何工作的。在这种情况下，您将无法生成附加的PDF。（除非你要使用第三方服务来接收电子邮件，将其转换为PDF，然后发送电子邮件PDF。我不知道有任何这样的服务，我的头顶。）这是你可以做什么。

首先自定义下降发货电子邮件。您会默认看到发票表单。创建另一个包含装箱单信息的表格。（关于电子邮件的标签列表，请参阅this documentation。）

然后，您可以添加样式，当人打印页面时，会将电子邮件分为两页。例如：

CSS

<style type="text/css"> 
    /* NOTE: This style tag can go anywhere in the email. */ 
    @media print { 
     .page-break {page-break-after: always;} 
    } 
</style>

HTML

<!-- Code of Invoice --> 

<div class="page-break">&nbsp;</div> 

<!-- Code of Packing Slip -->

当这个被打印出来，它应该打破电子邮件的顶部（<div class="page-break"> </div>事情之前）到一个页面，其余的成了第二个。但是，支持@media print在电子邮件客户端并不是很好，所以不幸的是，这在许多电子邮件客户端中不起作用。您可以通过电子邮件在@media print上阅读this article。

如果你知道你的下落托运人做你支持@media print电子邮件，然后试试看的电子邮件客户端，否则欧确实有两个可用的其他选项：

以信息和手动发送到下降托运人。
让托运人打印一页，然后将页面切成两半。

（我知道也不是理想的。）

来源

2015-09-07 01:41:12 L84

两个原因，将不工作可能：

大多数电子邮件客户端显示它之前清理你的HTML和CSS。这个过程在客户端和客户端有很大不同（这就是为什么大多数时事通讯都是图片）。
告知浏览器打破页面的CSS属性对于某些浏览器（例如Google Chrome）无效。有关更多信息，请参阅webkit中的this bug。

无论如何，这是你应该添加什么，你在第一页最想要的HTML标签：

style="page-break-after: always;"

不过，我强烈建议您尝试生成一个PDF文件或类似的东西将作为附件发送。

来源

2015-08-28 00:53:11

我会用在这个答案建议发送附件去。对内容进行更多的控制（间距/页面等），这些内容在电子邮件或打开的任何地方都将保持一致。考虑使用HTML到PDF的转换，您可以使用HTML和CSS来根据需要使用'page-break-after：always;'生成您的内容/页面。 –

@Steven，你有任何HTML to PDF工具推荐？这对我也很有用。 :) –

那里有这么多，我敢肯定有很多可以完成这项工作。我将首先用google搜索'html to pdf api'来比较定价和功能，然后你可以做出自己明智的决定:) –

如何编写html电子邮件以打印出两个单独的页面？

回答

相关问题