Javascript: Wie erstelle ich eine pdf-Datei über HTML-Formular oder div

Ich bin neu in Javascript /jQuery und bin auf der Suche nach einem Weg, um hinzufügen einer Schaltfläche zu einer Seite, die ermöglicht dem Benutzer das erstellen einer pdf - aus einer vordefinierten form oder div (z.B. durch hinzufügen einer Klasse).

Ich habe einige nachforschungen konnte aber nicht einen Weg finden, um dies in JS oder jQuery.

Gibt es eine Möglichkeit, dies zu realisieren auf der client-Seite mittels Javascript /jQuery oder kann mir jemand sagen, ein freeware-plugin, das unterstützt ?

Das einzige plugin, das ich gefunden ist TCPDF aber dies scheint ziemlich groß sein und ich habe nicht einen Weg finden, dort, wo ich mich beschränken, diese an eine bestimmte form oder div-Element auf einer Seite (statt drucken die ganze Seite).

Hinweis: ich brauche keine cover-Bilder, einfach nur HTML wie Formularfelder oder Tabellen und text.

Vielen Dank im Voraus für jede Hilfe mit diesem,
Mike

InformationsquelleAutor keewee279 | 2015-06-04

  1. 3

    könnten Sie versuchen, mit jsPDF

    es ist kostenlos-und client-Seite.

    Können Sie sehen, von den 'HTML-Render' Beispiel, können Sie ein PDF erstellen, von einem Teil Ihres HTML -

    BEARBEITEN

    Wahrscheinlich jsPDF nicht unterstützt CSS

    Wenn Sie es brauchen, könnten Sie versuchen, als alternative phantomJS, aber es ist ein Befehlszeilen-tool, und es fängt eine web-Seite als screenshot. Nicht sicher, ob das, was du bist Suche für

    Vielen Dank - ich werde mal schauen.
    Ich überprüfte Ihre Website und ging durch die Dokumentation gibt (mrrio.github.io/jsPDF/doc/symbols/jsPDF.html), aber konnten nicht finden, ein Beispiel zu beschränken, diese zu einem bestimmten element. Kannst du uns ein link für die HTML-Render-Beispiel oder es hier posten ?
    Sie können sehen, von Ihren "HTML-Render" - Beispiel, dass doc.fromHTML nimmt eine id eines Elements als Quelle
    überprüfen Sie mein edit oben
    Vielen Dank für diese als gut. Dies ist nicht das richtige Werkzeug für meine Zwecke, aber ich fand die Antwort selbst (siehe unten).

    InformationsquelleAutor Moppo

  2. 0

    Wie in einer vorherigen Antwort, die ich empfehlen kleine, aber leistungsfähige und sichere js-Bibliothek Print.js

    Beispiel:

     <form method="post" action="#" id="printJS-form">
    ...
 </form>

 <button type="button" onclick="printJS('printJS-form', 'html')">
    Print Form
 </button>

    ziemlich einfach

    InformationsquelleAutor Nikolay Bronskiy

  3. 0

    auch eine gute und einfache ist pdfmake

    es ist einfach und sauber-Bibliothek zum erstellen von pdf-Dateien aus HTML-und Sie können entscheiden, um es zu drucken oder nicht später ,

    einer Stichprobe von basic-Nutzung unter 

        var docDefinition = {
    content: [
        'First paragraph',
        'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
    ]
};

var pdfDoc = printer.createPdfKitDocument(docDefinition);
pdfDoc.pipe(fs.createWriteStream('pdfs/basics.pdf'));
pdfDoc.end();

    InformationsquelleAutor Ali

Schreibe einen Kommentar