Erstellen Sie PDF mit statischen HTML mit Javascript

Question

Ich benutze Winkel 2 für meine Projekte. Ich habe meine Vorlage für den Druck bereit. Ich möchte dasselbe für mein pdf auch mit demselben css wiederverwenden. Also schrieb ich Code unten, um die html abholen

parseHTML(html) { 
     return new DOMParser().parseFromString(html, 'text/html'); 
    } 

    this._http.get('assets/print-template.html').toPromise() 
       .then((response: any) => { 
        let mynewnodes = me.parseHTML(response._body) 
        mynewnodes.head.innerHTML = mynewnodes.head.innerHTML + AllStyleSheets; 
        mynewnodes.getElementById('holder').innerHTML = printContents; 
        const source = mynewnodes.getElementsByTagName('html')[0].outerHTML; 
}); 

Es wird im Grunde HTML vom lokalen Datei und macht sie als DOM-Objekt und fügen Sie CSS und dynamische Inhalte zu. Ich möchte die Quell-HTML-Zeichenfolge drucken, die ich als PDF habe. Ich habe jspdf ausprobiert, konnte es aber nicht gut machen.

Ich fand unter http://blog.stahlmandesign.com/export-html-to-pdf-how-hard-can-it-be/ Nicht sicher, welche zu verwenden. Grundvoraussetzung ist das Drucken von statischem HTML in einer Variablen mit HTML und CSS zu einem PDF und Export.

Answer 1

Haben Sie einen Iframe betrachtet verwenden, können Sie die ‚srcdoc‘ Tag HTML und den ‚Typ‘ verwenden könnte Tag verweisen als PDF zu erstellen:

<iframe srcdoc="<p>Hello world!</p>" src="demo_iframe_srcdoc.htm" type="application/pdf"></iframe> 

und man konnte dies Füllstil ganzer Bildschirm mit etwas wie:

<style>html, body { padding: 0; margin: 0; } iframe { width: 100%; height: 100%; border: 0;} </style>'