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

Question

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

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

有没有人有这方面的经验？

由于

Answer 1

在上面的评论中，我为你创造了一个简单的小提琴。

有一个类.printme的块，通常设置为display：none。然后在你的@media打印CSS规则中设置该块以显示：block。我从@cloudformatter中保留了相同的样本，因此您可以看到它隐藏了PDF中的一个段落并显示另一个段落。

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

正如您在原始HTML中的小提琴中看到的那样，显示了一个块而另一个块不是因为这个CSS：

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

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

结果PDF显示隐藏了一个块并显示了隐藏的块。当然，这可能是你想要的div：