[Summary view] [Print] [Text view]

   1  <style type="text/css">
   2  <!--
   3      table.page_header {width: 100%; border: none; background-color: #DDDDFF; border-bottom: solid 1mm #AAAADD; padding: 2mm }
   4      table.page_footer {width: 100%; border: none; background-color: #DDDDFF; border-top: solid 1mm #AAAADD; padding: 2mm}
   5      div.note {border: solid 1mm #DDDDDD;background-color: #EEEEEE; padding: 2mm; border-radius: 2mm; width: 100%; }
   6      ul.main { width: 95%; list-style-type: square; }
   7      ul.main li { padding-bottom: 2mm; }
   8      h1 { text-align: center; font-size: 20mm}
   9      h3 { text-align: center; font-size: 14mm}
  10  -->
  11  </style>
  12  <page backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm" style="font-size: 12pt">
  13      <page_header>
  14          <table class="page_header">
  15              <tr>
  16                  <td style="width: 50%; text-align: left">
  17                      A propos de ...
  18                  </td>
  19                  <td style="width: 50%; text-align: right">
  20                      HTML2PDF v<?php echo __CLASS_HTML2PDF__; ?>
  21                  </td>
  22              </tr>
  23          </table>
  24      </page_header>
  25      <page_footer>
  26          <table class="page_footer">
  27              <tr>
  28                  <td style="width: 33%; text-align: left;">
  29                      http://html2pdf.fr/
  30                  </td>
  31                  <td style="width: 34%; text-align: center">
  32                      page [[page_cu]]/[[page_nb]]
  33                  </td>
  34                  <td style="width: 33%; text-align: right">
  35                      &copy;Spipu 2008-2011
  36                  </td>
  37              </tr>
  38          </table>
  39      </page_footer>
  40      <bookmark title="Présentation" level="0" ></bookmark>
  41      <br><br><br><br><br><br><br><br>
  42      <h1>HTML2PDF</h1>
  43      <h3>v<?php echo __CLASS_HTML2PDF__; ?></h3><br>
  44      <br><br><br><br><br>
  45      <div style="text-align: center; width: 100%;">
  46          <br>
  47          <img src="./res/logo.png" alt="Logo HTML2PDF" style="width: 150mm">
  48          <br>
  49      </div>
  50      <br><br><br><br><br>
  51      <div class="note">
  52          HTML2PDF est un convertisseur de code HTML vers PDF écrit en PHP5, utilisant la librairie <a href="http://tcpdf.org">TCPDF.</a><br>
  53          <br>
  54          Il permet la conversion d'HTML et d'xHTML valide au format PDF, et est distribué sous licence LGPL.<br>
  55          <br>
  56          Cette librairie a été conçue pour gérer principalement les TABLE imbriquées afin de générer des factures, bon de livraison, et autres documents officiels.<br>
  57          <br>
  58          Vous pouvez télécharger la dernière version de HTML2PDF ici : <a href="http://html2pdf.fr/">http://html2pdf.fr/</a>.<br>
  59      </div>
  60  </page>
  61  <page pageset="old">
  62      <bookmark title="Sommaire" level="0" ></bookmark>
  63      <!-- here will be the automatic index -->
  64  </page>
  65  <page pageset="old">
  66      <bookmark title="Compatibilité" level="0" ></bookmark>
  67      <bookmark title="Balises HTML" level="1" ></bookmark>
  68      <bookmark title="Balises classiques" level="2" ></bookmark>
  69      <div class="note">
  70          La liste des balises HTML utilisables est la suivante :<br>
  71      </div>
  72      <br>
  73      <ul class="main">
  74          <li>&lt;a&gt; : Ceci est un lien vers <a href="http://html2pdf.fr">le site de HTML2PDF</a></li>
  75          <li>&lt;b&gt;, &lt;strong&gt; : Ecrire en <b>gras</b>.</li>
  76          <li>&lt;big&gt; : Ecrire plus <big>gros</big>.</li>
  77          <li>&lt;br&gt; : Permet d'aller à la ligne</li>
  78          <li>&lt;cite&gt; : <cite>Ceci est une citation</cite></li>
  79          <li>&lt;code&gt;, &lt;pre&gt;</li>
  80          <li>&lt;div&gt; :&nbsp;<div style="border: solid 1px #AADDAA; background: #DDFFDD; text-align: center; width: 50mm">exemple de DIV</div></li>
  81          <li>&lt;em&gt;, &lt;i&gt;, &lt;samp&gt; : Ecrire en <em>italique</em>.</li>
  82          <li>&lt;font&gt;, &lt;span&gt; : <font style="color: #000066; font-family: times">Exemple d'utilisation</font></li>
  83          <li>&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, &lt;h6&gt;</li>
  84          <li>&lt;hr&gt; : barre horizontale</li>
  85          <li>&lt;img&gt; : <img src="./res/tcpdf_logo.jpg" style="width: 10mm"></li>
  86          <li>&lt;p&gt; : Ecrire dans un paragraphe</li>
  87          <li>&lt;s&gt; : Texte <s>barré</s></li>
  88          <li>&lt;small&gt; : Ecrire plus <small>petit</small>.</li>
  89          <li>&lt;style&gt;</li>
  90          <li>&lt;sup&gt; : Exemple<sup>haut</sup>.</li>
  91          <li>&lt;sub&gt; : Exemple<sub>bas</sub>.</li>
  92          <li>&lt;u&gt; : Texte <u>souligné</u></li>
  93          <li>&lt;table&gt;, &lt;td&gt;, &lt;th&gt;, &lt;tr&gt;, &lt;thead&gt;, &lt;tbody&gt;, &lt;tfoot&gt;, &lt;col&gt; </li>
  94          <li>&lt;ol&gt;, &lt;ul&gt;, &lt;li&gt;</li>
  95          <li>&lt;form&gt;, &lt;input&gt;, &lt;textarea&gt;, &lt;select&gt;, &lt;option&gt;</li>
  96          <li>&lt;fieldset&gt;, &lt;legend&gt;</li>
  97          <li>&lt;del&gt;, &lt;ins&gt;</li>
  98          <li>&lt;draw&gt;, &lt;line&gt;, &lt;rect&gt;, &lt;circle&gt;, &lt;ellipse&gt;, &lt;polygone&gt;, &lt;polyline&gt;, &lt;path&gt;</li>
  99      </ul>
 100      <bookmark title="Balises spécifiques" level="2" ></bookmark>
 101      <div class="note">
 102          Les balises spécifiques suivantes ont été ajoutées :<br>
 103      </div>
 104      <br>
 105      <ul class="main" >
 106          <li>&lt;page&gt;</li>
 107          <li>&lt;page_header&gt;</li>
 108          <li>&lt;page_footer&gt;</li>
 109          <li>&lt;nobreak&gt;</li>
 110          <li>&lt;barcode&gt;</li>
 111          <li>&lt;bookmark&gt;</li>
 112          <li>&lt;qrcode&gt;</li>
 113      </ul>
 114  </page>
 115  <page pageset="old">
 116      <bookmark title="Styles CSS" level="1" ></bookmark>
 117      <div class="note">
 118          La liste des styles CSS utilisables est la suivante :<br>
 119      </div>
 120      <br>
 121      <table style="width: 100%">
 122          <tr style="vertical-align: top">
 123              <td style="width: 50%">
 124                  <ul class="main">
 125                      <li>color</li>
 126                      <li>font-family</li>
 127                      <li>font-weight</li>
 128                      <li>font-style</li>
 129                      <li>font-size</li>
 130                      <li>text-decoration</li>
 131                      <li>text-indent</li>
 132                      <li>text-align</li>
 133                      <li>text-transform</li>
 134                      <li>vertical-align</li>
 135                      <li>width</li>
 136                      <li>height</li>
 137                      <li>line-height</li>
 138                      <li>padding</li>
 139                      <li>padding-top</li>
 140                      <li>padding-right</li>
 141                      <li>padding-bottom</li>
 142                      <li>padding-left</li>
 143                      <li>margin</li>
 144                      <li>margin-top</li>
 145                      <li>margin-right</li>
 146                      <li>margin-bottom</li>
 147                      <li>margin-left</li>
 148                      <li>position</li>
 149                      <li>top</li>
 150                      <li>bottom</li>
 151                      <li>left</li>
 152                      <li>right</li>
 153                      <li>float</li>
 154                      <li>rotate</li>
 155                      <li>background</li>
 156                      <li>background-color</li>
 157                      <li>background-image</li>
 158                      <li>background-position</li>
 159                      <li>background-repeat</li>
 160                  </ul>
 161              </td>
 162              <td style="width: 50%">
 163                  <ul class="main">
 164                      <li>border</li>
 165                      <li>border-style</li>
 166                      <li>border-color</li>
 167                      <li>border-width</li>
 168                      <li>border-collapse</li>
 169                      <li>border-top</li>
 170                      <li>border-top-style</li>
 171                      <li>border-top-color</li>
 172                      <li>border-top-width</li>
 173                      <li>border-right</li>
 174                      <li>border-right-style</li>
 175                      <li>border-right-color</li>
 176                      <li>border-right-width</li>
 177                      <li>border-bottom</li>
 178                      <li>border-bottom-style</li>
 179                      <li>border-bottom-color</li>
 180                      <li>border-bottom-width</li>
 181                      <li>border-left</li>
 182                      <li>border-left-style</li>
 183                      <li>border-left-color</li>
 184                      <li>border-left-width</li>
 185                      <li>border-radius</li>
 186                      <li>border-top-left-radius</li>
 187                      <li>border-top-right-radius</li>
 188                      <li>border-bottom-left-radius</li>
 189                      <li>border-bottom-right-radius</li>
 190                      <li>list-style</li>
 191                      <li>list-style-type</li>
 192                      <li>list-style-image</li>
 193                  </ul>
 194              </td>
 195          </tr>
 196      </table>
 197  </page>
 198  <page pageset="old">
 199      <bookmark title="Propriétés" level="1" ></bookmark>
 200      <div class="note">
 201          La liste des propriétés utilisables est la suivante :<br>
 202      </div>
 203      <br>
 204      <table style="width: 100%">
 205          <tr style="vertical-align: top">
 206              <td style="width: 50%">
 207                  <ul class="main">
 208                      <li>cellpadding</li>
 209                      <li>cellspacing</li>
 210                      <li>colspan</li>
 211                      <li>rowspan</li>
 212                      <li>width</li>
 213                      <li>height</li>
 214                  </ul>
 215              </td>
 216              <td style="width: 50%">
 217                  <ul class="main">
 218                      <li>align</li>
 219                      <li>valign</li>
 220                      <li>bgcolor</li>
 221                      <li>bordercolor</li>
 222                      <li>border</li>
 223                      <li>type</li>
 224                      <li>value</li>
 225                  </ul>
 226              </td>
 227          </tr>
 228      </table>
 229      <bookmark title="Limitations" level="0" ></bookmark>
 230      <div class="note">
 231          Cette librairie comporte des limitations :<br>
 232      </div>
 233      <br>
 234      <ul class="main">
 235          <li>Les float ne sont gérés que pour la balise IMG.</li>
 236          <li>Elle ne permet généralement pas la conversion directe d'une page HTML en PDF, ni la conversion du résultat d'un WYSIWYG en PDF.</li>
 237          <li>Cette librairie est là pour faciliter la génération de documents PDF, pas pour convertir n'importe quelle page HTML.</li>
 238          <li>Les formulaires ne marchent pas avec tous les viewers PDFs...</li>
 239          <li>Lisez bien le wiki : <a href="http://wiki.spipu.net/doku.php?id=html2pdf:Accueil">http://wiki.spipu.net/doku.php?id=html2pdf:Accueil</a>.</li>
 240      </ul>
 241  </page>