contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Export Document HTML to Word with Javascript

Posted in Javascript Jquery Life at 23 Agustus 2018 With 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

 

Artikel Rekomendasi



Artikel Terkait

Diskusi