Bagaimana Saya Boleh Menjana PDF daripada HTML Menggunakan JavaScript Melebihi Teks Biasa?-tutorial js-php.cn

Bagaimana Saya Boleh Menjana PDF daripada HTML Menggunakan JavaScript Melebihi Teks Biasa?

Mary-Kate Olsen

Lepaskan： 2024-12-01 18:31:11

asal

894 orang telah melayarinya

How Can I Generate PDFs from HTML Using JavaScript Beyond Plain Text?

Membuat PDF daripada HTML menggunakan JavaScript: Beyond Plain Text

Dalam usaha menjana PDF daripada kandungan HTML, banyak pembangun telah menghadapi batasan perpustakaan JavaScript popular seperti jsPDF, yang terutamanya mengendalikan teks biasa. Untuk mengatasi cabaran ini, adalah penting untuk mendalami dunia pemalam jsPDF.

Memperkasakan jsPDF dengan Pemalam

Dengan memasukkan pemalam tertentu, anda boleh赋予jsPDF keupayaan untuk menghuraikan dan menukar HTML kepada PDF yang menarik secara visual. Pemalam utama untuk tugas ini ialah:

jspdf.plugin.from_html.js
jspdf.plugin.split_text_to_size.js
jspdf.plugin.standard_fonts_metrics.>

Mengawal Abaikan dengan ElementHandlers

Dalam kes di mana elemen HTML tertentu perlu diabaikan daripada PDF, pengendali elemen jsPDF akan memainkan peranan. Dengan memberikan elemen ID, anda boleh menetapkannya untuk dikecualikan menggunakan fungsi pengendali khas.

Pertimbangkan HTML berikut di mana perenggan dengan ID "ignorePDF" harus dikecualikan:

The Kod JavaScript di bawah menggambarkan penggunaan pengendali elemen:

<body>
  <p>

Salin selepas log masuk

var doc = new jsPDF();
var elementHandler = {
  '#ignorePDF': function (element, renderer) {
    return true;
  }
};
doc.fromHTML(document.body, 15, 15, { 'width': 180, 'elementHandlers': elementHandler });

Salin selepas log masuk

Penggayaan dan Had untuk Pertimbangkan

jsPDF memaparkan atribut gaya tertentu seperti h1, h2 dan h3. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa semua gaya CSS akan dilucutkan daripada kandungan HTML anda.

Selain itu, jsPDF hanya mencetak teks dalam nod teks. Akibatnya, medan input seperti textareas tidak akan mempunyai nilainya dicetak.

Menjana PDF

Kod JavaScript berikut boleh digunakan untuk membuka PDF yang dijana dalam timbul:

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menjana PDF daripada HTML Menggunakan JavaScript Melebihi Teks Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!