html2pdf4doc_python/tests/fuzz/00_hello_world/file_to_mutate.html at 9c3ead7a0d2e9ab9c6cfe10becfebb2d0b8cb4ec · strictdoc-project/html2pdf4doc_python · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <!--link rel="stylesheet" href="../../assets/base.css"/-->
  <script defer
    data-preloader='true'
    data-preloader-target='[html2pdf-preloader]'
    data-preloader-background='#F2F5F9'
    data-forced-page-break-selectors=''
    data-page-break-after-selectors=''
    data-page-break-before-selectors='H1 H2'
    data-no-break-selectors='.html2pdf4doc-no-break'
    data-no-hanging-selectors='.html2pdf4doc-no-hanging'
    src="../../../html2pdf4doc/html2pdf4doc_js/html2pdf4doc.min.js"></script>
  <title>EXAMPLE - PDF</title>
</head>

<body style="padding: 1rem; background: #e3c8bd;">
  <main style="padding: .5rem; border: 1px dotted;">
    <p style="text-align: center">Nothing except the <code>[html2pdf]</code> element is printed.
      <br>Only what is visible on the sheets is printed:
    </p>
    <div html2pdf-preloader class="main">

      <!-- printed element start -->
      <div html2pdf class="content">
        <h1>EXAMPLE</h1>
        <p>This image is in <code>/_assets</code>:</p>
        <p>
          <img alt="copy a stable link" class="image" src="_assets/image-placeholder.jpg" style="max-width: 100%;" />
        </p>
        <p>Some test.</p>
      </div>
      <!-- // printed element end -->

    </div>
    <style html2pdf-frontpage-style>
      .html2pdf-frontpage-grid {
        display: grid;
        height: 100%;
      }

      .html2pdf-frontpage-grid-middle {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
      }

      .html2pdf-frontpage-grid-top,
      .html2pdf-frontpage-grid-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    </style>
    <template html2pdf-frontpage>
      <div class="html2pdf-frontpage-grid">
        <div class="html2pdf-frontpage-grid-top">➰</div>
        <div class="html2pdf-frontpage-grid-middle">
          <h1 data-testid="document-title">EXAMPLE</h1>
        </div>
        <div class="html2pdf-frontpage-grid-bottom">➿</div>
      </div>
    </template>
    <style html2pdf-header-style>
      html2pdf-header {
        padding-top: 0;
      }

      .html2pdf-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        column-gap: 32px;
        font-size: small;
        line-height: 1;
        color: rgba(0, 0, 0, 0.5);
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        padding-bottom: 8px;
      }

      .html2pdf-header-left {
        text-align: left;
        flex-shrink: 0;
      }

      .html2pdf-header-right {
        text-align: right;
        font-weight: bold;
      }
    </style>
    <template html2pdf-header>
      <div class="html2pdf-header">
        <div class="html2pdf-header-left">Documentation</div>
        <div class="html2pdf-header-right">EXAMPLE</div>
      </div>
    </template>
    <style html2pdf-footer-style>
      html2pdf-footer {
        padding-bottom: 0;
      }

      .html2pdf-footer {
        display: flex;
        justify-content: space-between;
        column-gap: 16px;
        font-size: small;
        line-height: 1;
        color: rgba(0, 0, 0, 0.5);
        border-top: 1px solid rgba(0, 0, 0, 0.25);
        padding-top: 8px;
      }

      .html2pdf-footer-left {
        text-align: left;
      }

      .html2pdf-footer-right {
        text-align: right;
      }

      .html2pdf-header-page_placeholder {
        width: 54px;
        /* max for pattern 888/888 */
        flex-shrink: 0;
        text-indent: -10000px;
      }
    </style>
    <template html2pdf-footer>
      <div html2pdf-page-number>
        <span html2pdf-page-number-current></span>/<span html2pdf-page-number-total></span>
      </div>
      <div class="html2pdf-footer">
        <div class="html2pdf-footer-left">2025-09-27</div>
        <div class="html2pdf-footer-right"></div>
        <div class="html2pdf-header-page_placeholder"></div>
      </div>
    </template>
  </main>
</body>

</html>