Generowanie PDF po stronie klienta

pytanie zadane 30 kwietnia 2018 w JavaScript przez Tomek Sochacki Ekspert (227,510 p.)

Witam wieczorową porą... :)

Mam krótkie pytanko do ogółu front-endowców - jaki macie sprawdzony sposób na generowanie PDF po stronie klienckiej?

Generalnie tworzenie PDF obsługuję poprzez html2pdf w połączeniu z jsPDF i html2canvas , ale problem jest w prawidłowym wymuszaniu podziału stron (czyli wskazaniu miejsca rozpoczęcia nowej strony). Próbowałem wstawiać element ze stylem "page-break-after" (i analogicznie -before), próbowałem też owijać elementy w <page> i w ten sposób wymuszać poszczególne strony ale niestety nie pracuje mi to poprawnie...

W ustawieniach jsPDF włączam pagesplit ale coś mi się wydaje, że problem leży bardziej w html2canvas, z którego korzysta html2pdf.

Jak nie wpadnę na żadne rozwiązanie i nie znajdzie się nikt chętny do pomocy :) to zawsze można stworzyć pdf bezpośrednio metodami jsPDF, gdzie jest metoda addPage. Z tabelami nie byłoby chyba problemu, jest nawet gotowiec autoTable (choć jeszcze nie używałem tego w praktyce), ale tak bardziej z ciekawości mnie nurtuje ten problem, tym bardziej, że PDF tworzone są dynamicznie i zależą od wielu czynników (będą też na niektórych wykresy i bardziej złożone tabele) i tworzenie elementów HTML jest nieco przyjemniejsze.

Pozdrawiam

komentarz 1 maja 2018 przez Tomek Sochacki Ekspert (227,510 p.)

OK, udało mi się problem rozwiązać od innej strony, a mianowicie zmieniłem bibliotekę do generowania PDF na pdfMake (http://pdfmake.org/index.html#/) i ogólnie do moich obecnych potrzeb jest w porządku.

Gdyby ktoś był zainteresowany użyciem jej client-side to tylko mała uwaga aby doinstalować sobie imports-loader do webpacka i potem zastosować

'imports-loader?this=>window!pdfmake/build/vfs_fonts.js'

Unikniemy w ten sposób problemów z pewnym niuansem związanym ze stosowaniem "this" w pliku definiującym czcionkę.

komentarz 1 maja 2018 przez niezalogowany

Cześć! Otóż przeczytałem dopiero teraz Twoje pytanie.
Też miałem problemy z jsPDF i innymi. W końcu trafiłem na pdfmake (na które też się przesiadłeś), gdzie to rozwiązanie okazało się najlepsze do moich celów ;)

Śmiało mogę polecić pdfmake, sporo można tam kombinować

komentarz 1 maja 2018 przez Tomek Sochacki Ekspert (227,510 p.)

No właśnie powiem Ci, że siedziałem wczoraj dość długo w pdfMake (choć dziś pewnie odchoruję to nocne uparte siedzenie :P) i jestem bardzo pozytywnie zaskoczony. Mam co prawda pewne zastrzeżenia do dokumentacji ale jak się zrobi pierwsze kilka pdf to idzie z górki.

Widzę, że w tych generatorach trzeba sporo się naszukać żeby trafić coś fajnego :) To trochę jak generatory xlsx... wiele z nich tworzy po prostu jeden plik z rozszerzeniem xlsx i odpowiednio ustawia nagłówki co przy nowych office jest bzdurą... Biblioteka XLSX z kolei miała problem gdy potrzebowałem ładnie ostylować wygląd excela... i dopiero któraś z rzędu próba z xlsx-populate dała efekt :) i mamy ładnego zipa zgodnego z nowymi office... ale trochę nerwów też na tym zjadłem :)

1 odpowiedź

odpowiedź 1 maja 2018 przez Przemysław Obywatel (1,510 p.)

Ja korzystam z TCPDF. Polecam sprawdzić, ja używam od jakiegoś czasu i nigdy nie miałem problemu z podziałem stron ;)

komentarz 1 maja 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Dzięki, zobaczę, ale jeśli dobrze kojarzę to ona chyba była do back-endu w PHP ale może się mylę. Ja mam back-end w node, ale generalnie akurat w tej apce trochę się pozmieniały klienta założenia i prawdopodobnie w ogóle nie będę miał backendu tylko front i właduję wsio do Electrona dlatego szukam czegoś do frontu.