jspdf wird nicht ausgeführt

Philipp88 · 12.02.2014

Hallo ihr

ich möchte aus einer HTML Seite eine PDF generieren.
Dazu verwende ich die jquery jspdf Bibliothek.
Leider gibt firebug eine Fehlermeldung aus womit ich nicht klarkomme

"return async.series(async_call, function(errors, results) {..."

Könnt ihr mir sagen was da falsch ist? Kann das vll sein das ich es local laufen lasse?
Bitte helft mir.

Hier ist nochmal mein code:

Code:

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="../js/jspdf/jspdf.js"></script>
    <script type="text/javascript" src="../js/jspdf/jspdf.plugin.standard_fonts_metrics.js"></script>
    <script type="text/javascript" src="../js/jspdf/jspdf.plugin.split_text_to_size.js"></script> 
    <script type="text/javascript" src="../js/jspdf/jspdf.plugin.from_html.js"></script>
    <link type="text/css" rel="stylesheet" href="css/jspdf.css" />

    <script type="text/javascript">
      $(document).ready(function() {
        var pdf = new jsPDF('p', 'in', 'letter')

                , source = $('.hidden')[0]  // This is your HTML Div to generate pdf


                , specialElementHandlers = {
          '#editor': function(element, renderer) {

            return true
          }
        }

        pdf.fromHTML(
                source // HTML string or DOM elem ref.
                , 0.5 // x coord
                , 0.5 // y coord
                , {
          'width': 7.5 // max width of content on PDF
                  , 'elementHandlers': specialElementHandlers
        }
        )
        pdf.output('dataurl')

      });
    </script>
  </head>
  <body>
    <div>Der Inhalt der PDF...</div>
    <div class="hidden">Div zum verstecken...</div>
    <div id="editor">h</div>
  </body>
</html>

Ich würde mich sehr auf eure Hilfe freuen

Philipp

Duddle · 13.02.2014

Okay, ich kann dir erstmal nicht direkt helfen, kann aber berichten dass was immer der Author da anstellt nicht bereit für den Produktiveinsatz scheint. Ich hatte einige Probleme, aus der verwirrenden Ordnerstruktur und scheinbar mit Fehlern gespickten Beispielsammlung irgendetwas zum laufen zu bekommen. Die Doku ist nichtmal im Ansatz vollständig und im Code werden Blöcke einfach auskommentiert, als ob er keine Versionierung hätte.
Ich glaube daher nicht, dass du sehr weit mit diesem Script kommen wirst.

Muss es denn unbedingt diese JS-Variante sein? Es gibt einige HTML2PDF-Tools in verschiedenen Sprachen, die meisten mächtiger als das was ich in diesem jsPDF sehe.

Duddle

Philipp88 · 13.02.2014

Nein Javascript muss nicht sein. Ich habe jetzt eine html2pdf Lösung. Die PDF steht soweit.
Nur habe ich ein Problem mit der CSSformatierung

ich habe p- tags wo daneben eine Tabelle geflotet werden soll. leider nehmen alle p- tags die Breite von 100% an. also die CSS- Angabe "width" wird im PDF komplett ignoriert, "background" aber schon? Warum wird width ignoriert?

Ich benutze http://html2pdf.fr/de/example

Philipp88 · 18.02.2014

weiß keiner Rat warum html2pdf kein float kann? Oder gibt es eine andere Bibliothek die das unterstützt?

Duddle · 19.02.2014

Ich hatte auch mal eine Weile mit der Konvertierung von HTML zu PDF zu tun und so ziemlich jedes auffindbare Script/Programm in verschiedenen Sprachen getestet. Irgendwie hat immer 10% von dem gefehlt was ich brauchte.

Schlussendlich bin ich bei WeasyPrint gelandet, welches CSS sehr umfangreich unterstüzt. Es ist in Python geschrieben, aber Python läuft ja auf den meisten Servern (oder lässt sich einfach installieren). Wenn ich mich recht erinnere habe ich das Script selbst mit PHP gestartet und das resultierende PDF per readfile() zurückgeschickt.

Duddle

fakerer · 19.02.2014

ich versuche meist immer mit Tcpdf ans ziel zu kommen, unterstützt aber auch kein float.
Habe vor kurzem aber http://www.mpdf1.com/ entdeckt aber noch nicht getestet, dort gibt es in einem demo zumindest ein float allerdings leider ohne Fließtext wie man das meist brauchen würde

, aber ich denke es ist einen Versuch wert, bin leider noch nicht dazugekommen

Philipp88 · 19.02.2014

Ich habe mal zwei divs auf float left gesetzt. Die werden aber auch untereinader geschrieben

Oder muss ich es noch aktivieren bei mpdf?