Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Mengekspor HTML ke Dokumen Word dengan JavaScript. Mengekspor halaman HTML sebagai dokumen Microsoft word   dapat dilakukan dengan cara yang berbeda. Ada plugin yang tersedia di jQuery, JavaScript untuk menerapkan ini di sisi klien. Kapan, file HTML sederhana tanpa markup kompleks, maka itu adalah hal yang sederhana untuk mengekspor konten HTML ke dokumen word. Saya bahkan tidak memerlukan library pihak ketiga. Jika Anda ingin menyembunyikan HTML ke dokumen Word, tanpa plugin atau library, tetapi hanya dengan JavaScript sederhana, lanjutkan membaca artikel ini.

Sederhana dan beberapa baris kode JavaScript cukup untuk mengekspor HTML. Dalam kode JavaScript ini, sumber HTML dibuat dengan header dan footer. Ruang nama XML akan ditentukan di bagian header. Sumber HTML ini akan dikodekan dan ditambahkan dengan data URI yang terhubung dengan elemen unduh yang dibuat secara dinamis.
Sumber HTML dengan Kontrol Ekspor

Laman utama akan menampilkan konten HTML berformat sederhana dengan kontrol tombol ekspor. Dengan mengklik tombol ini, fungsi JavaScript exportHTML () akan dipanggil. Bagian HTML yang akan diekspor ke dalam dokumen kata akan diidentifikasi dengan pemilih ID. Isi elemen DIV yang ditentukan dengan id source-html digunakan untuk membangun sumber ekspor HTML dalam fungsi JavaScript.

 

Fungsi JavaScript untuk Mengkonversi Dokumen HTML

Kode di bawah ini menunjukkan fungsi JavaScript yang digunakan untuk membuat data sumber HTML dengan header, body dan footer. Bagian header adalah untuk menentukan namespace yang diperlukan dan charset. Dengan spesifikasi ini, sumber HTML akan dikodekan untuk membentuk URI. Kemudian, elemen tautan unduhan akan dibuat secara dinamis dan URI terhubung dengan elemen ini. Kemudian, event klik dipicu secara terprogram untuk mengunduh dokumen word dengan data HTML yang diekspor.

Oke itulah tadi pembahasan saya tentang Cara Mengekspor HTML ke Dokumen Word dengan JavaScript, untuk lebih jelasnya silahkan coba sendiri semoga bermanfaat.

 

 

WhatsApp chat