March 13, 2019

222 words 2 mins read

delight-im/HTML-Sheets-of-Paper

delight-im/HTML-Sheets-of-Paper

Word processor in your browser using HTML and CSS (for invoices, legal notices, etc.)

repo name delight-im/HTML-Sheets-of-Paper
repo link https://github.com/delight-im/HTML-Sheets-of-Paper
homepage https://delight-im.github.io/HTML-Sheets-of-Paper/
language CSS
size (curr.) 487 kB
stars (curr.) 924
created 2014-09-13
license MIT License

Sheets of Paper

Word processor in your browser using HTML and CSS (e.g. for invoices, legal notices, etc.)

  • Poor man’s Google Docs
  • Like the foundation of Microsoft Word or LibreOffice — but in your web browser
  • Emulates sheets of paper in web documents (but without skeuomorphic paper textures)

Live demo: Try modifying or printing the page

Usage

  1. Copy all files to any desired directory
  2. Modify the HTML source in index.html to your liking

Browser compatibility

  • Chrome 4+
  • Firefox 19+
  • Safari 5+
  • Opera 10.1+
  • Internet Explorer 9+
  • Edge 12+

Paper sizes

  • A4 (21cm × 29.7cm) — sheets-of-paper-a4.css
  • A3 (29.7cm × 42cm) — sheets-of-paper-a3.css
  • US Letter (21.6cm × 27.9cm) — sheets-of-paper-usletter.css
  • US Legal (21.6cm × 35.6cm) — sheets-of-paper-uslegal.css
  • US Tabloid (27.9cm × 43.2cm) — sheets-of-paper-ustabloid.css

Printing

Chrome

  • Change the Destination to Save as PDF.
  • Make sure the Paper size is set to the one defined in your CSS.
  • From the Margins list, choose None to prevent the browser from overriding our CSS.
  • In the Options section, uncheck Headers and footers and check Background colors and images.

License

This project is licensed under the terms of the MIT License.

comments powered by Disqus