Unduh halaman web sebagai pdf menggunakan javascript
Untuk menyimpan konten dinamis dari halaman web atau halaman HTML untuk penggunaan format PDF di masa mendatang sangat membantu. Ini juga dapat membantu mengunduh sejumlah besar data dari aplikasi web dengan mengekspor halaman HTML ke PDF pada peristiwa klik pengguna menggunakan fungsionalitas JavaScript. Untuk Mengunduh Halaman HTML sebagai PDF Menggunakan JavaScript, JavaScript memiliki sejumlah besar pustaka yang tersedia untuk menghasilkan PDF dari HTML. Tapi di sini kami menggunakan jsPDF yang merupakan pustaka JavaScript terbaik untuk mengonversi dan mengunduh halaman HTML sebagai PDF menggunakan JavaScript Show Di sini, Dalam tutorial ini, kami akan menunjukkan cara membuat PDF dari halaman HTML menggunakan JavaScript dan jQuery dan juga menyimpan halaman HTML sebagai PDF menggunakan JavaScript dengan Demonstrasi video dari kode sumber lengkap untuk mengunduh halaman HTML sebagai PDF menggunakan JS ada di sini, Langkah-langkah untuk Mengunduh Halaman HTML sebagai PDF Menggunakan JavaScript
Di sini kami menyertakan perpustakaan jQuery dan jsPDF untuk menggunakan kelas jsPDF dan jQuery untuk klik tombol dan mendapatkan data dari div Catatan. Anda tidak perlu mengunduh paket jsPDF lengkap dari situs resminya. Di tautan CDN semua fungsi yang diperlukan tersedia Buat Div Konten HTML Dengan CSS
|
Di sini kami membuat tabel HTML dengan beberapa desain oleh CSS dan juga membuat tombol tempat pengguna dapat mengklik dan mengunduh halaman HTML sebagai PDF
Instansiasi Kelas jsPDFBaca juga. Ekspor Data MySQL ke Excel di PHP Menggunakan Ajax
Baris kode jsPDF berikut memberi contoh dan menggunakan objek jsPDF dalam JavaScript
Kode JavaScript untuk Menghasilkan PDF Dari HTMLvar doc = jsPDF baru();
Sorotan Kode
var doc = jsPDF baru();
var specialElementHandlers = {
'#editor'. fungsi (elemen, penyaji) {
kembali benar;
}
};
$('#menghasilkanPDF'). klik(fungsi () {
dokter. fromHTML($('#htmlKonten'). html(), 15, 15, {
'lebar'. 700,
'elementHandler'. specialElementHandlers
});
dokter. simpan('sample_file. pdf’);
});
- Pertama, kita Instansiasi Kelas jsPDF
- Setelah itu, dengan menggunakan atribut #editor id dari HTML div kita mengambil data halaman HTML
- Sekarang kami menggunakan atribut id tombol
#generatePDF
untuk acara klik - Dengan menggunakan objek doc dengan fungsi fromHTML() kami mengatur lebar, margin kiri (15) dan margin atas (15)
- Akhirnya
save()
_ dengan objek doc digunakan untuk mengunduh PDF dari HTML
Demikian penjelasan lengkap cara mendownload halaman HTML sebagai PDF menggunakan JavaScript dan jQuery dengan menggunakan library jsPDF. Jika Anda mendapat masalah pada saat implementasi, silakan lakukan komentar di bawah ini
Pada artikel ini, kita akan melihat cara mengonversi HTML ke PDF menggunakan JavaScript. Format file PDF sangat berguna untuk mendownload data massal di aplikasi web. Ini membantu pengguna untuk mengunduh konten dinamis dalam format file untuk penggunaan offline dengan fungsi ekspor ke PDF. JavaScript adalah cara termudah untuk mengonversi HTML ke PDF dan ada berbagai pustaka JavaScript yang tersedia untuk menghasilkan PDF dari HTML. jsPDF adalah salah satu pustaka terbaik untuk mengonversi HTML ke PDF menggunakan JavaScript
Jadi, mari lihat menghasilkan PDF menggunakan javascript, mengonversi HTML ke PDF menggunakan jquery, jspdf HTML ke PDF, HTML ke PDF javascript, jquery mengonversi HTML ke PDF, jspdf mengonversi HTML ke PDF
Contoh. Cara Mengonversi HTML Ke PDF Menggunakan JavaScript
Pertama, kita akan membuat Halaman HTML untuk mengonversi HTML menjadi PDF. Tambahkan kode berikut ke halaman HTML Anda