Dưới đây là câu trả lời của chúng tôi:Làm thế nào để có được số trang trong pdf được tạo ra bởi html với wkhtmltopdf
Chúng tôi hiện đang sử dụng wkhtmltopdf để tạo ra một file PDF từ một mẫu html nhất định.
Một số thông tin cơ bản:
Chúng tôi đang sử dụng Sulu CMF để xây dựng back-end của chúng tôi, mà là dựa trên Symfony2. Gói KnpSnappy được sử dụng làm trình bao bọc Symfony cho wkhtmltopdf.
Làm thế nào chúng ta tạo ra các file PDF:
Như nhiều file PDF chia sẻ cùng một tiêu đề và chân trang chúng tôi đã tạo ra một BasePDFBundle trong đó cung cấp một PDFManager để xây dựng PDF một cách nhanh chóng bởi một mẫu TWIG nhất định. Theo mặc định, đầu trang và chân trang chung (thường là với tên và biểu trưng của khách hàng) được bao gồm.
Các chân số vấn đề/trang ở chân (hoặc tiêu đề):
Nó rất hữu ích để thêm số trang vào một tập tin PDF ví dụ. cho các đơn đặt hàng, tuy nhiên hầu hết nội dung của chúng tôi được thêm động (ví dụ: danh sách sản phẩm). Vì kiểu dáng của PDF có thể thay đổi và nội dung tự động được thêm vào nên phải có cách nhanh chóng và dễ dàng để thêm hiện tại và tổng số trang vào tệp PDF được tạo. Đây là những gì chúng tôi đã làm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<base href="{{ app.request.schemeAndHttpHost }}" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="{{ asset('bundles/pdfbase/css/pdfstyles.css') }}"/>
</head>
<body class="footer">
<div class="footer-container">
<div class="footer-widget">
<b>FooBar Company Name</b>
</div>
<div class="text-align-right">
<span class="page"></span>/<span class="topage"></span>
</div>
</div>
<script type="text/javascript">
(function() {
// get all url parameters and transform it to a list
// pdf generator adds a param for current and the total page sum
// add the value to the html elements
var urlParams = document.location.search.substring(1).split('&');
var urlParamsList = {};
var pagingElements = ['topage', 'page'];
for (var i in urlParams) {
var param = urlParams[i].split('=', 2);
urlParamsList[param[0]] = unescape(param[1]);
}
for (var i in pagingElements) {
var elem = document.getElementsByClassName(pagingElements[i]);
for (var j = 0; j < elem.length; ++j) {
elem[j].textContent = urlParamsList[pagingElements[i]];
}
}
})();
</script>
</body>
Có tên biến của page và topage có thể tốt hơn, tuy nhiên họ cũng giống như các wrapper KnpSnappy sử dụng khi sáp nhập các mẫu cành lá vào mẫu PDF thức. Đây là cách dễ nhất để có được số trang hiện tại và tổng số trang vì bạn có thể cho phép trình bao bọc thực hiện tất cả các phép tính.
Cuối cùng, bạn chỉ cần thay thế văn bản của thẻ html và thats it!
Sự khác nhau giữa máy tính và máy chủ địa phương của bạn:
Như wkhtmltopdf mở một trình duyệt ảo để "render" các mẫu cành lá này có thể dẫn đến sai sót trong hệ pdf của bạn trên máy chủ của bạn. Chúng tôi phát hiện ra rằng không nên sử dụng các thẻ sự kiện như <body onload="doSomething()"> mà bạn nên kích hoạt mã javascript của mình như chúng tôi đã làm trong ví dụ ở trên.
Tôi có thiếu câu hỏi không? Hay đây có phải là câu trả lời để tìm câu hỏi không? –
cũng câu hỏi được trả lời trực tiếp =) – notsure
Điểm mấu chốt là _not_ sử dụng 'onload =" doSomething "'. Tất cả các ví dụ tôi đã nhìn thấy đã sử dụng cách tiếp cận đó và nó không hoạt động. Điều này có. Cảm ơn! – codemonkey