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, silahkan bacaartikel ini.

Sederhana dan beberapa baris kode JavaScript cukup untuk mengekspor HTML. Dalam kode JavaScript ini, Source HTML dibuat dengan header dan footer. XML namespaces akan ditentukan di bagian header. Source HTML ini akan dikodekan dan ditambahkan dengan data URI yang terhubung dengan elemen download yang dibuat secara dinamis.

Source HTML dengan Kontrol Ekspor

landing page 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 word akan diidentifikasi dengan selector ID. Isi elemen DIV yang ditentukan dengan id source-html digunakan untuk membangun Source ekspor HTML dalam fungsi JavaScript.

Berikut fungsi CSS dari HTML di atas

Fungsi JavaScript untuk Mengkonversi Dokumen HTML

Kode di bawah ini menunjukkan fungsi JavaScript yang digunakan untuk membuat data Source HTML dengan header, body dan footer. Bagian header adalah untuk menentukan namespace yang diperlukan dan charset. Dengan spesifikasi ini, Source 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 kata dengan data HTML yang diekspor.

berikut hasil dari contoh Cara Mengekspor HTML ke Dokumen Word,

 Cara Mengekspor HTML ke Dokumen Word dengan JavaScript,

Oke itulah tadi pembahasan saya semoga bermanfaat.