Export Document HTML to Word with Javascript

Publish Date : 26-10-2023 , dibaca 5998 kali, Hari ini dibaca : 1 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

 

Produk Rekomendasi

Artikel Terkait

Diskusi



wa