Comments (3)
Hi @Aarbel,
I made this library to create beutiful receipts, invoices, tickets and more with ease. The point is that they are just for printing and not supposed to be webpages:
library | documents *1 | formal printings *2 | page break | layout | paper size |
---|---|---|---|---|---|
paper-css | - | good | manually | fixed | supported |
Gutenberg | ok | - | automatically | fluid | - |
Hartija | ok | - | automatically | fluid | - |
- *1: documents: multi-paged ones like reports, academic papers or just usual webpages.
- *2: formal printings: single-paged ones like receipts, invoices or tickets.
from paper-css.
@cognitom thanks for your reactivity !
Just a few more questions, you seem highly invested in this repository so my goal is to make the greatest possible. For me printing well formatted html is the best way to avoid server-side pdf rendering, and it's a great way to save a lot of money / maintaining time for developers.
About page breaks
- What happens if the content overflows a page ? Could you put some screenshots ?
- To print multiple pages, does paper-css can allow automatic page breaks and allow us to choose on which divs the content can break ?
About layout
- What's the difference between fixed and fluid ? Could you put screenshots of it ?
Definitions
- Could you add more details about what a
document
is for you ? Image ? Iframe ? Canvas ? Pdf ? - Could you add more details about what formal printing criteria is for you ? Only single page print ?
Don't hesitate to add all these details in your readme ;)
from paper-css.
@Aarbel, what this library can is written in here:
https://github.com/cognitom/paper-css/blob/master/paper.css
Or you can try npm run preview
:
$ git clone https://github.com/cognitom/paper-css.git
$ cd paper-css
$ npm install
$ npm run preview
What happens if the content overflows a page ?
https://github.com/cognitom/paper-css/blob/master/paper.css#L5
What's the difference between fixed and fluid ?
In the most of case, I use position: absolute;
with paper-css. That's fixed
I mean.
from paper-css.
Related Issues (20)
- Page sizes off by one mm? HOT 4
- Firefox adds a blank page on printing - even with single empty page HOT 9
- detect the size of paper
- Firefox adds a blank page on printing-only for Firefox HOT 1
- Lengthy html elements are getting cut off HOT 2
- Bottom shadow doesn't display right on iOS
- Can we generate the page number dynamically? HOT 2
- Any one know why this not work in iPad?
- How to add F4 paper size? HOT 8
- Print size problem HOT 4
- How to include a footer respecting left and right padding? HOT 1
- Do i need to credit the author in my work? HOT 1
- How to print two A4 paper in A3 Landscape? HOT 1
- How to add page numbers
- Is this abandoned? HOT 1
- Are these lines still needed?
- When printing. It always adds an extra page. HOT 4
- Use css class instead apply to body element directly
- Accounting for different DPI (ie 72 vs 96)
- Request: Multiple pages with different sizes and orientations HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from paper-css.