Paper printing

by Kirubel Girma

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.3/tinymce.min.js"></script>
<div class="book" id="bookPrnt">
  <div class="page">
    <div class="subpage">
      <div class="smaller">
            <textarea id="mytextarea">Custom Field</textarea>

        <table class="normal">
          <tr>
            <td>
              {HEADER}
              <center>{DATE_OF_GENERATION}</center><br>
              {CLIENT_ADDRESS}<br>
              <div style="text-align: left;">
                <table width="495">
                  <tr>
                    <td valign="top">Re:</td>
                    <td colspan="9">
                      <b>{TAX_YEAR} Property Taxes</b>
                    </td>
                  </tr>
                </table>
              </div>
              <br>
              Dear {CONTACT_NAME}:<br>
              <br>
              <p>
                The {TAX_YEAR} tax year has begun, and Property Tax Consultants, LLC ("PTC") writes to provide you with the necessary information and documents.
                Your prompt attention and completion of the enclosed documents will allow PTC to protect your interests relating to any
                ad valorem real and personal property tax accounts defined in Exhibit A. Please find attached:
              </p>
              <!-- Removed empty table as it served no purpose -->
              <table width="495">
                <tr>
                  <td valign="top"></td>
                  <td colspan="9">
                    <p class="p">
                      1. {TAX_YEAR} Property Tax Agreement. This document outlines the services and their associated fees. After you have executed the {TAX_YEAR}
                      Property Tax Agreement, please make a copy for your files and return the original to PTC.<br>
                    </p>
                    <p class="p">
                     ...

CSS

body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #FAFAFA;
        font: 12pt "Tahoma";
    }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .page {
        width: 210mm;
        min-height: 297mm;
        padding: 20mm;
        margin: 10mm auto;
        background: #fff;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
    }
    .subpage {
        border: 5px red solid;
        height: 257mm;
        outline: 2cm #FFEAEA solid;
    }
    
    @page {
        size: A4;
        margin: 0;
    }
    @media print {
        html, body {
            width: 210mm;
            height: 297mm;        
        }
        .tox-editor-container {
          display: none;
        }
        .page {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
        }
        .pagebreak { page-break-before: always; }
    }

JavaScript

window.print();