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 показывает один скрытый блок и ваш скрытый блок обнаружен. Конечно, это может быть div настолько большой, насколько вы пожелаете: