Situation: I am using CKeditor Inline on a A4 paper sized <div>. when I want to print this there are problems with the WYSIWYG. I already know when I extra add the line-height on the <p> tags it looks already better but not yet what you see on your webpage.
Question: What CSS rendering is applied on the inline editing (besides the standard contents.css file which is standard included in the CKeditor module) and how can you fix this so when you want to print this, that is looks exactly the same as what you see on the webpage?
Attachment: added my webpage and the printed version. You can see that the printed content does not match the A4 page on the left.
Fri, 03/14/2014 - 11:37
#1
CSS problem
Anyone with an idea about this?
You will never print the
You will never print the exact same layout you have on your page, or in the WYSIWYG area. It's complicated but it has something to do with screen resolutions and web pixels being different from print DPI. But besides that, here's the How To guide on how to customize styles.
Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn
If you think you found a bug in CKEditor, read this!
Custom Styles
So you are saying that you can customize the CKEditor inline mode like you want it to be?
PDF print
To edit my first message, I do not use the CTRL-P print but I use an external HTML to PDF engine.
I expect when I put on a division the WYSIWYG editor, and I send over that div to the html-to-pdf engine, that I get the same printed PDF as what I got on the CKeditor inline mode but this is not the case...
So to me, it is not clear what CSS I am missing in order to get a real WYSIWYG PDF