css2pdf xepOnline Cloudformatter - 隐藏 html 中的元素但以 PDF 格式显示

Question

http://www.cloudformatter.com/CSS2Pdf.Demos.PrintMedia

此 cloudformatter 中有一个名为 'noprint' 的选项，可应用于显示在 html 页面但未添加到 PDF 中的元素。我想要的恰恰相反。我希望元素不出现在 html 页面上，而是出现在 PDF 中。

有人有这方面的经验吗？

谢谢

Answer 1

针对我上面的评论，我为您创建了一个简单的 fiddle。

有一个带有 class .printme 的块，通常设置为 display:none。然后在您的@media print CSS 规则中将该块设置为display:block。我保留了来自@cloudformatter 的示例，因此您可以看到它隐藏了 PDF 中的一个段落并显示了另一个段落。

虽然输入 HTML 看起来像这样：

正如你在原始 HTML 中的 fiddle 中看到的那样，一个块显示而另一个不是因为这个 CSS:

.printme { display:none;}
@media print {
  .noprint {display:none;}
  .printme {display:block;}
}

http://jsfiddle.net/p4gnomkn/1/

结果 PDF 显示隐藏了一个块，并显示了隐藏的块。当然，div 可以是您想要的那么大：