2013-07-24 30 views
8

weasyprint hiểu một số chỉ thị tùy chỉnh css, chẳng hạn như:Có thể thực hiện định dạng ưa thích cho các chân trang với dấu nháy mắt không?

@bottom-right { 
    content: "Page " counter(page) " of " counter(pages) " 
} 

mà đặt một "Trang 1 trong tổng số 4" phong cách truy cập vào góc dưới bên phải mỗi trang pdf weasyprint tạo ra.

Tôi muốn tạo ra định dạng hơi fancier cho footers của tôi - ví dụ, tôi muốn để có thể hiển thị một số phần in đậm, và những người khác như nghiêng, như vậy:

Trang của

Điều này có khả thi với sự khó chịu không? Nếu vậy, làm thế nào để tôi hướng dẫn weasyprint sử dụng loại định dạng này - tôi sẽ dùng các giải pháp dựa trên CSS, mặc dù tôi muốn thực hiện điều này bằng cách sử dụng thư viện weasyprint từ python.

Trả lời

11

"Page của " là không thể thực hiện được vào lúc này. Nếu bạn quan tâm, vui lòng gửi nhận xét đến [email protected] về tính năng CSS mới có thể trông như thế nào để thực hiện điều này.

Điều gì làm việc là:

  • quy tắc trang-margin như @bottom-right, với content tài sản. Bạn nhận được tối đa 16 hộp như vậy trên mỗi trang, nhưng các phần của một hộp không thể được tạo kiểu khác nhau.
  • Các yếu tố với position: fixed được lặp lại trên mỗi trang. Với các thủ thuật như top: 100%; right: 0, bạn có thể định vị chúng như đầu trang hoặc chân trang, nhưng chúng giống hệt nhau trên mỗi trang. counter(page) không hoạt động ở đó.

Nhân tiện, tôi thường không xem StackOverflow cho câu hỏi WeasyPrint. Việc ghi vào danh sách gửi thư hoặc trình theo dõi vấn đề của WeasyPrint sẽ nhận được nhiều phản hồi hơn.

+0

Làm cách nào để thêm hình ảnh vào thuộc tính nội dung? – josh

+1

@josh 'nội dung: url (foo.png)' https://developer.mozilla.org/en/docs/Web/CSS/content –

+0

Simon. Cảm ơn. Tôi đã thử điều này với một tập tin địa phương (đường dẫn đầy đủ, và một kết hợp của các đường dẫn tương đối) và không thể có được điều này để làm việc. Nó đã làm việc bằng cách sử dụng một url từ web. – josh

Các vấn đề liên quan