Julie Blanc (@julieblancfr)
W3C Workshop on CSS Print – February 13th, 2020
A free and open source JavaScript library that paginates content in browser
to create PDF outputs from any HTML content
https://www.pagedjs.org/
Adam Hyde
Fred Chasen
Julien Taquet
Julie Blanc
Cabbage Tree Labs
Paged.js support
- Page breaks
- Page numbers
- Running headers and footers
- Pseudo class selector for pages
- Blank pages
- Named pages
- Columns Layout
- Cross references
- Bleed and marks
- etc.
How paged.js works ?
Fragmentation of the content (chunker)
Transformation of CSS declarations (polisher)
Preview (previewer)
CSS columns
Each container use an independant CSS columns
to access the fragmentation properties
CSS layout properties to build page layout (grid, flexbox, etc.)
Data references
Preview in browser(s) with interface
CLI version
https://gitlab.pagedmedia.org/tools/pagedjs-cli
Plug into paged.js
Collection of scripts
External scripts
Handlers and hooks
Handler example: repeating table header
What next for Paged.js ?
Page floats
demos.pagedmedia.org/page-floats
Sorry about footnotes...
Soon ! (May ?)
We need to talk about notes...
CSS exclusion?
Easier for implementations:
page floats, hightlights, spanning elements into columns, etc.
Paged.js position
W3C standards
MIT licence
Community (Gitlab, Mattermost, Website)
pagedjs.org/
What about the future ?
Advocate for better support of paged-related standards
in browser engines
W3C working group ?