Rumah >hujung hadapan web >tutorial js >Bagaimana Saya Boleh Menjana PDF daripada HTML Menggunakan JavaScript Melebihi Teks Biasa?

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

Mary-Kate Olsenasal: 2024-12-01 18:31:11900semak imbas

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>

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

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!

JavaScript css html for using function this input

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Cara menggunakan Promise.race untuk menambah tamat masa untuk mengambil panggilanArtikel seterusnya：Cara menggunakan Promise.race untuk menambah tamat masa untuk mengambil panggilan

Artikel berkaitan

Lihat lagi