Behave nicely when printing the page and provide a print preview

[kieranclancy]

Currently when printing the page, you get all the MathB.in header/footer as well as two columns, one with code and one with the math content.

I think it would be nice if only the math content were printed. In other words, if you could get something similar to what you would get if you ran LaTeX over the document and printed the result.

[kieranclancy]

Oh, and I forgot to mention: It would be nice if there were a 'Print preview' button which would hide all the content on the page and just let you focus on the math content.

[chid]

Quick and dirty (irreversible without refreshing).

document.body.innerHTML=document.getElementById('outputCode').innerHTML;

[chid]

Alternatively with CSS, (nice and reversible). (could use this as a print style)

Do you want me to write this as a pull request?

.output {
   width:80% !important;
   margin-left: auto !important; 
   margin-right: auto !important;
   float: none !important;
}

#footerPanel, #headerPanel, .input {display:none}

[susam]

This has been resolved in commit fcf3e96. To see an example of the print preview, go to https://mathb.in/1 and select File > Print from the web browser menu. The print preview should not display header, footer, and the form elements anymore. Instead, it should display only the rendered content now.