css2pdf xepOnline Cloudformatter - скрывает элементы в html, но отображает в PDF

Question

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

В этом облачном формате есть опция noprint, которая может быть применена к элементам, которые отображаются на html-странице, но не добавляются в PDF.То, что я хочу, это наоборот.Я хочу, чтобы элементы не появлялись на html-странице, а появлялись в PDF.

У кого-нибудь есть опыт работы с этим?

Спасибо

Answer 1

К моему комментарию выше я создал простую скрипку для вас.

Существует блок с классом .printme, который обычно отображается так: нет.Затем в ваших правилах CSS @media print вы устанавливаете этот блок для отображения: блок.Я оставил образец из @cloudformatter таким же, чтобы вы могли видеть, что он скрывает один абзац в PDF и отображает другой.

Хотя входной HTML-код будет выглядеть следующим образом:

Как видно из скрипта в необработанном HTML, один блок отображается, а другой - не из-за этого CSS:

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

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

В результате PDF отображает один скрытый блок и обнаруживает ваш скрытый блок.Конечно, это может быть такой большой размер, как вы хотите: