Wkhtmltopdf Các ký tự trong một dòng được cắt một phần giữa các trang

Question

Tôi đang làm việc trong một dự án sử dụng ruby ​​trên thanh ray (3.1). Yêu cầu của tôi là tạo pdf từ nội dung html. Vì vậy, tôi sử dụng đá quý pdfkit.

Trong một số trang, các ký tự trong một dòng được cắt một phần giữa các trang. Khi tôi chuyển đổi html chuyển đổi sang pdf bằng pdfkit đá quý

phiên bản của wkhtmltopdf: wkhtmltopdf - 0.11.0 rc1

hệ điều hành: Linux CentOS 5,5

Trong hình ảnh dưới đây cho thấy nhân vật một phần cắt giữa các trang.

Vui lòng đề xuất giải pháp.

Ví dụ 1

Ví dụ 2

Answer 1

Theo some documentation tôi thấy (xem trang Breaking), đây là một vấn đề được biết và đề nghị sử dụng CSS ngắt trang để chèn ngắt trang (giả sử bạn đang sử dụng phiên bản được vá của QT):

Thuật toán ngắt trang hiện tại của WebKit để lại nhiều yêu cầu là mong muốn. Về cơ bản, webkit sẽ hiển thị mọi thứ thành một trang dài, và sau đó cắt nó thành các trang. Điều này có nghĩa là nếu bạn có hai cột văn bản trong đó văn bản được dịch chuyển theo chiều dọc một nửa dòng. Sau đó, webkit sẽ cắt một đường thành từng phần hiển thị nửa trên cùng trên một trang. Và nửa dưới trên một trang khác. Nó cũng sẽ phá vỡ hình ảnh trong hai và như vậy. Nếu bạn đang sử dụng phiên bản vá lỗi của QT, bạn có thể sử dụng thuộc tính page-break-inside CSS để khắc phục điều này một chút. Không có giải pháp dễ dàng cho vấn đề này, cho đến khi giải pháp này được giải quyết, hãy thử tổ chức các tài liệu HTML của bạn sao cho nó chứa nhiều dòng trên các trang có thể bị cắt .

Xem thêm: http://code.google.com/p/wkhtmltopdf/issues/detail?id=9, http://code.google.com/p/wkhtmltopdf/issues/detail?id=33 và http://code.google.com/p/wkhtmltopdf/issues/detail?id=57.

Answer 2

Tôi vừa thực hiện việc này và tìm thấy điều gì đó đã giải quyết được vấn đề cho tôi. Trong trường hợp cụ thể của tôi, đã có số div với display: inline-block; margin-bottom: -20px;. Một khi tôi thay đổi chúng để chặn và thiết lập lại margin-bottom, tách dòng biến mất. YMMV.

Answer 3

Vấn đề cắt văn bản là một vấn đề về webkit đã biết và có vẻ như các nhà phát triển đã tìm thấy giải pháp bên trong wkhtmltopdf. Việc cập nhật lên 0.12.1 sẽ khắc phục vấn đề cắt văn bản (nếu bạn không muốn lãng phí thời gian với các bộ sưu tập, bạn chỉ có thể lấy tệp nhị phân từ đây: https://github.com/h4cc/wkhtmltopdf-amd64).

Answer 4

Tôi đã có vấn đề này với một bảng:

Sau đó, tôi thêm này để CSS của tôi:

table, img, blockquote {page-break-inside: avoid;} 

này cố định vấn đề:

Answer 5

Trong trường hợp của tôi, sự cố đã xảy ra lved bằng cách bình luận ra css sau:

html, body { 
    overflow-x: hidden; 
} 

Nói chung, kiểm tra nếu có thẻ có overflow bộ như hidden và loại bỏ nó hoặc đặt nó vào visible.

Btw, tôi đang sử dụng wkhtmltopdf version 0.12.2.1 trên Windows 8.