Export Document HTML to Word with Javascript

Publish Date : 26-10-2023 , dibaca 6029 kali, Hari ini dibaca : 2 kali ,0 comments

Dalam pemgrograman PHP , terkadang kita di hadapkan terhadap fasilitas print out atau laporan dalam bentuk document word. Memang laporan di website sering kali berbentuk file pdf, namun beberapa kasus diharuskan untuk mengeksport ke dalam bentuk .doc.

Tutorial kali ini kita akan Membuat Fasilitas Export Dokumen HTML ke Ms. Word , Memang sebelumnya admin sudah menjelaskan artikel Membuat Document Ms.Word doc dengan PHP , kali ini kita akan membuat dengan menggunakan Javascript.

Membuat export data dari HTML ke Laporan Ms.Word kerap sekali diperlukan untuk membuat laporan Surat pada aplikasi berbasis website. Berikut ini merupakan contoh simple untuk membuat laporan Ms.Word dengan javascript.

JavaScript Function to Convert HTML Document

Fungsi javascript ini merupakan fungsi dasar yang bisa kita gunakan untuk convert document HTML ke Word

<script>
    function exportHTML(){
       var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+
            "xmlns:w='urn:schemas-microsoft-com:office:word' "+
            "xmlns='http://www.w3.org/TR/REC-html40'>"+
            "<head><meta charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>";
       var footer = "</body></html>";
       var sourceHTML = header+document.getElementById("source-html").innerHTML+footer;
       
       var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML);
       var fileDownload = document.createElement("a");
       document.body.appendChild(fileDownload);
       fileDownload.href = source;
       fileDownload.download = 'document.doc';
       fileDownload.click();
       document.body.removeChild(fileDownload);
    }
</script>

Source HTML with Export Control

Berikut ini contoh HTML yang akan kita convert :

<div id="source-html">
    <h1>
        <center>Export HTML to Word With Javascript Suckittrees.com</center>
    </h1>
    <h2>Overview</h2>
    <p>
Tutorial kali ini kita akan Membuat Fasilitas Export 
Dokumen HTML ke Ms. Word , Memang sebelumnya admin 
sudah menjelaskan artikel Membuat Document Ms.Word doc 
dengan PHP , kali ini kita akan membuat dengan menggunakan Javascript.

Membuat export data dari HTML ke Laporan Ms.Word kerap sekali diperlukan 
untuk membuat laporan Surat pada aplikasi berbasis website. Berikut ini 
merupakan contoh simple untuk membuat laporan Ms.Word dengan javascript. 

    </p>
</div>
<div class="content-footer">
    <button id="btn-export" onclick="exportHTML();">Export to
        word doc</button>
</div>

Silahkan anda copy code diatas. simpan dengan nama index.html , dan jalankan dibrowser anda. Demikian artikel cara eksport HTML ke Ms. Word , semoga bermanfaat. Oya jika ingin mendownload dan melihat demo nya silahkan klik link dibawah ini :

demo download

Mengambil Nilai dari Pop Up dengan Javascript
Previous Post

Syntax Highlighter dengan Banyak Pilihan Warna
Next Post