Ich habe die html2pdf-Bibliothek ausprobiert, die diese Funktion bietet, aber am Anfang des Inhalts bekomme ich viel Leerraum.
Unser Anwendungsfall erfordert die Generierung von PDFs auf der Clientseite, damit dies auch dann funktioniert, wenn kein Internet verfügbar ist
Da die Daten sind groß und die anzuzeigenden Attribute können auf der Clientseite angepasst werden.
JsPDF-Bibliothek auch ausprobiert, auch keine gute Ausgabe daraus
Hier ist das laufende Beispiel von html2pdf, das ich ausprobiert habe
HTML to PDF Example
Welcome to html2pdf Tutorial
This is an example of converting HTML content to a PDF file using the
html2pdf JavaScript library.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum vestibulum.
Generate PDF
function generatePDF() {
const element = document.getElementById("content");
const options = {
margin: 1,
filename: "example.pdf",
image: { type: "jpeg", quality: 0.98 },
html2canvas: { scale: 2 },
jsPDF: { unit: "in", format: "letter", orientation: "portrait" },
};
html2pdf().set(options).from(element).save();
}
Ich habe die html2pdf-Bibliothek ausprobiert, die diese Funktion bietet, aber am Anfang des Inhalts bekomme ich viel Leerraum. [img] https://i.sstatic.net/k9XkxHb8.png[/img]
Unser Anwendungsfall erfordert die Generierung von PDFs auf der Clientseite, damit dies auch dann funktioniert, wenn kein Internet verfügbar ist Da die Daten sind groß und die anzuzeigenden Attribute können auf der Clientseite angepasst werden. JsPDF-Bibliothek auch ausprobiert, auch keine gute Ausgabe daraus Hier ist das laufende Beispiel von html2pdf, das ich ausprobiert habe
[code]
HTML to PDF Example
Welcome to html2pdf Tutorial
This is an example of converting HTML content to a PDF file using the html2pdf JavaScript library.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.
Ich habe ein einfaches HTML -Dokument mit Header, Hauptbereich und Fußzeile. Der Hauptbereich enthält Inhalte wie Texte und Tabellen. Die Kopfzeile und die Fußzeile befinden sich in fester Position....
Ich versuche, ein PDF mit useReactToPrint zu erstellen.
Requirement: Ich möchte, dass auf jeder Seite eine feste Kopf- und Fußzeile angezeigt wird und dazwischen im Hauptteil dynamischer Inhalt...
Ich versuche, ein PDF mit useReactToPrint zu erstellen.
Requirement: Ich möchte, dass auf jeder Seite eine feste Kopf- und Fußzeile angezeigt wird und dazwischen im Hauptteil dynamischer Inhalt...
defined('BASEPATH') OR exit('No direct script access allowed');
class Mahasiswa extends CI_Controller {
public function __construct(){
parent::__construct();
$this->load->model('m_mahasiswa');
}...