Rails: WickedPDF: Seitenumbrüche

In meiner Rubin (1.9.2) Schienen (3.0.x) ich möchte zum Rendern einer web-Seite als PDF-Datei mit der wicked_pdf, und ich möchte, um zu kontrollieren, wo die Seitenumbrüche sind. Mein CSS-code Seitenumbrüche Steuern ist wie folgt:

<style>
  @media print
  {
    h1 {page-break-before:always}
  }
</style>

Allerdings, wenn ich die Seite gerendert mit wicked_pdfes nicht trennen Sie das Dokument in zwei Seiten. Ist es etwas anderes, das ich tun muss, um Seitenumbrüche mit wicked_pdf?

InformationsquelleAutor der Frage Jay Godse | 2011-04-27

51

Aus irgendeinem Grund, das "@media print" hat nicht Recht, es zu tun. Ich ging einfach mit
```
.page-break { display:block; clear:both; page-break-after:always; }
```
für die CSS-Regel, und dann steckte ich im folgenden in meiner Seite nach einem Seitenumbruch:
```
<div class="page-break"></div>
```
Dass gerade arbeitete.

InformationsquelleAutor der Antwort Jay Godse
9

Versuchte Jay die Lösung, aber konnte es nicht zu funktionieren (vielleicht ein Konflikt mit anderen css)

Habe ich es mit dieser zu arbeiten:
```
<p style='page-break-after:always;'></p>
```
InformationsquelleAutor der Antwort Barhum

Ich hatte das gleiche problem, und ich entdeckte etwas, was helfen könnte. Dies war mein Seitenumbruch CSS-code:

.page-break {
  display: block;
  clear: both;
  page-break-after: always;
}

Dieser hat nicht funktioniert, weil der ZWEI Gründe:

I. In einer der SASS importierten Datei hatte ich diese Zeile im code:

html, body
  overflow-x: hidden !important

II. Das andere problem war, bootstrap

@import "bootstrap"

Es aussieht, weil der float: left in:

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

wird der Seitenumbruch funktioniert nicht mehr. So, fügen Sie einfach diese nach Sie importieren bootstrap.

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: initial !important;
}

InformationsquelleAutor der Antwort vladCovaliov

2

Stellen Sie sicher, dass der link-tag stylesheet media= "print" oder media= "all", wenn Sie mit einem externen stylesheet:
```
<%= stylesheet_link_tag 'retailers_pdf',media: 'all' %>
```
oder
```
<%= stylesheet_link_tag 'retailers_pdf',media: 'print' %>
```
sonst wicked_pdf nicht abholen.

Beachten Sie auch, dass, wenn Sie in der Mitte einer Tabelle oder div mit einer Grenze, dass die page-break-Attribute wird nicht funktionieren. In diesem Fall, es ist Zeit zu brechen jQuery und starten Spaltung Dinge. Diese Antwort: https://stackoverflow.com/a/13394466/2016616 hat ein gutes snippet für die position der Messung. Ich arbeite sauber und wiederholbar Tisch-splitting-code und poste es, wenn ich es beendet habe.

InformationsquelleAutor der Antwort mikeryz
1

ich hatte das gleiche Problem und das, was schließlich für mich arbeiten zu machen, war sicher, dass mein element mit
```
page-break: always;
```
war auf die Wurzel des Dokuments, scheint, wenn seine verschachtelt innerhalb anderer Elemente, vor allem diejenigen, die mit der Höhe zugewiesen, Deklaration wird ignoriert.

hoffe, das jemand hilft.

InformationsquelleAutor der Antwort David Morrow
1

Keine dieser Lösungen bei mir funktioniert. Ich habe eine Lösung zu finden, arbeitete für viele Menschen in der gem Fragen hier - https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524

den Sie hinzufügen möchten CSS das element muss die Seite brechen. In meinem Fall war es Tabellenzeilen, also fügte ich hinzu:
```
tr {
 page-break-inside: avoid;
}
```
InformationsquelleAutor der Antwort nfriend21

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.