jsPDF PDF erstellen aus .html und öffnen sich in einem neuen Fenster

Ich versuche, mit jsPDF zu konvertieren .html-Datei in PDF und öffnet es in einem neuen Fenster.

Ich bin gnerating de PDF wie diese:

function PDFFromHTML() {
    var doc = new jsPDF();

    //We'll make our own renderer to skip this editor
    var specialElementHandlers = {
            '#editor': function(element, renderer){
                    return true;
            }
    };

    //All units are in the set measurement for the document
    //This can be changed to "pt" (points), "mm" (Default), "cm", "in"
    doc.fromHTML('ticket.html', 15, 15, {
            'width': 170, 
            'elementHandlers': specialElementHandlers
    });
}

Brauche ich so etwas wie Fenster.öffnen Sie zum öffnen dieser pdf-Datei in einem neuen Fenster, aber ich kann nicht finden, die Art und Weise, es zu tun.

Grüße,

  • ich bin zu realisieren, dass doc.fromHTML('ticket.html' funktioniert nicht, weder...diese jsPDF ist ziemlich schwer zu bedienen..ich brauche nur meine konvertieren .html zu PDF und öffnen in einem neuen Fenster
InformationsquelleAutor Egidi | 2014-10-06
  1. 3

    Was ich sagen kann, gibt es nicht viel Dokumentation über die APIs, die andere als die Suche direkt bei der codes und bestehende Beispiele.

    Ich bin in der Lage, um die PDF-Datei in einem neuen Fenster öffnen, indem ein Aufruf an die output API nach doc.fromHTML(..) unter Angabe der dataurlnewwindow argument wie dieses:

    doc.output('dataurlnewwindow');

    Warum doc.fromHTML('ticket.html') nicht die Arbeit, wieder unter Bezugnahme auf die code, die source argument sein muss:

    entweder einen HTML-formatierten string oder ein Verweis auf eine aktuelle DOM-element.

    So dass Sie möglicherweise verwenden Sie die jquery - $.get() Methode zum laden der Inhalte der ticket.html. Im wesentlichen, etwas, das aussieht wie:

    $.get('ticket.html', function(content){
    doc.fromHTML(content), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
    doc.output('dataurlnewwindow');
}, 'html');
    • danke, das hilft..ich werde weiterhin versuchen zu erreichen, was ich brauche..
    • Wenn Sie wie diese Antwort, können Sie akzeptieren und/oder upvote es? Danke.
    • hat mir geholfen, zu laden ticket.html richtig, aber ich weiß noch nicht, wie zu öffnen, die doc-Objekt als PDF in einem neuen Fenster
    • Zum öffnen der doc-Objekt in einem neuen Fenster, fügen Sie einfach doc.output('dataurlnewwindow'); Ihre codes; nach doc.fromHTML().
    • mmmm..das öffnet eine leere PDF-Datei mit dem Wort "undefined" in der Mitte der leere PDF-Datei...ich denke, dass $('#ticket-content').load('ticket.html'); ist nicht das seine Arbeit tut...
    • Der Schlüssel zu erinnern ist hier, dass $.load() (und $.get()) sind asynchrone AJAX-Aufrufe. Um die Dinge zu vereinfachen, habe ich aktualisiert meine Antwort an $.get(), und bewegen Sie die codes zum öffnen des neuen Fensters an die callback-Funktion. Dadurch wird sichergestellt, dass das neue Fenster geöffnet wird NACH die ticket.html geladen wird.
    • mm toller job, aber ich bin noch immer eine leere PDF-Datei, obwohl jetzt bin ich nicht zu sehen, jede nicht definiert. Soweit ich das verstanden habe, diese JS-codes den html-Code in eine base64-URL und öffnet es in einem neuen tab. Das problem ist jetzt, dass meine html-braucht mehr base64-Zeichenfolge als die maximal zulässige in der URL, so das ich jetzt bin, immer diese Fehler in der JS-Konsole: jsPDF PubSub Error Maximum call stack size exceeded RangeError, jsPDF Warnung: rendering-Probleme? bieten Sie einen Rückruf an fromHTML!
    • auch im nicht verklagen, wenn das das problem verursachen, wenn ich doc.save ('- ticket.pdf'); anstelle von doc.output('dataurlnewwindow'); ich bin auch speichern Sie ein leeres PDF.
    • Nicht sicher, es wird einen Unterschied machen, welchen browser verwenden Sie? Können Sie versuchen mit FF, wenn du Sie noch nicht?
    • ich habe versucht mit chrome, aber mit FF gleiche Ergebnis...
    • Ich kann nicht Ihr problem reproduzieren. Meine codes funktionieren ohne Probleme auf jsfiddle mit FF. Mit Chrom, das PDF wird nur richtig dargestellt, wenn ich kopieren und einfügen der URL zu einer anderen Registerkarte, selbst nachdem ich deaktivieren Chrome Standard-PDF-Viewer-plugin und aktivieren Sie nur den Adobe Reader plugin.
    • Ok Mann danke für Ihre Zeit. Ich werde versuchen, andere Lösungen und sehen, ob ich endlich

    InformationsquelleAutor ivan.sim
Schreibe einen Kommentar