CSS/HTML Footnotes am Ende der Seite bei pdf Export

[Sven (Gast)]

Hi zusammen

Kennt jemand eine Möglichkeit für ein CSS Aufbau damit Content von HTML 
tags beim Exportieren als pdf am Ende einer (pdf-)Seite dargestellt 
wird?
zB

<p>
  Bla bla bla und jetzt die Footnote
  <span class="footnote">
    <sup class="footnote-number">1</sup>
    <div class="footnote-text"><sup>1</sup>Dieser Text am Ende der PDF Seite</div>
  </span>
</p>

Dabei soll eben der Content der Class `footnote-text` am Ende der PDF 
Seite auftauchen.

Auto-Nummerierung und Link spielt keine Rolle...

[🐧 DPA 🐧 (Gast)]

Eventuell kann man mit "@media print" Druck / PDF Export spezifischen 
Code machen.
Es gibt diverse Eigenschaften für wo Seiten getrennt werden usw.: 
https://www.w3.org/TR/CSS2/page.html (Wobei, besonders gut funktionieren 
die nicht)
Eventuell auch nützlich: https://www.w3.org/TR/CSS2/page.html

Mir ist kein weg bekannt, das zu machen, wenn mehrere Seiten involviert 
sind. Das nächstbeste, das ich hinbekommen hab, ist: 
https://jsfiddle.net/wburostn/1/

[Sven (Gast)]

Hi

Danke für die Links.

Mit `@media print` wäre es mir auch am liebsten gewesen, aber selbst mit 
Hilfe der Doku finde ich nichts passendes :(

🐧 DPA 🐧 schrieb:
> Mir ist kein weg bekannt, das zu machen, wenn mehrere Seiten involviert
> sind. Das nächstbeste, das ich hinbekommen hab, ist:
> https://jsfiddle.net/wburostn/1/

Dein Versuch habe ich ausprobiert, danke dafür. Aber wie du leider 
selbst festgestellt hast funktioniert es nicht zuverlässig. Auch habe 
ich bemerkt, dass wenn man nach dem `<div class="footer">` zusätzlichen 
content hinzufügt, der footer leider irgendwo in der Seite hängt :/

Bin mir mittlerweile gar nicht mehr sicher ob sowas überhautp geht, evtl 
mit Hilfe von js...

Sonstige Ideen ? (js ist auch erlaubt)

[Εrnst B. (ernst)]

Sven schrieb:
> Sonstige Ideen ? (js ist auch erlaubt)

PDF per Javascript erstellen lassen.
z.B
https://github.com/parallax/jsPDF
Demo:
https://raw.githack.com/MrRio/jsPDF/master/

[Sven (Gast)]

Εrnst B. schrieb:
> PDF per Javascript erstellen lassen.
> z.B
> https://github.com/parallax/jsPDF

Über jsPDF bin ich auch schon gestolpert. Sobald die Zeit reicht werde 
ich es versuchen!