+62 852-9966-1376

Membuat Tombol Eksport Halaman HTML Ke Word

Jika sobat punya kode HTML sederhana dan ingin mencetaknya ke dalam format Microsoft Word. Sobat bisa menggunakan kode Javascript untuk mengkonversinya.

Misalnya jika setelah kita melakukan preview sebuah Query database dan ingin hasil preview yang tampil pada tag DIV tertentu tercetak ke dalam format Word, maka ikuti langkah-langkah mudah dibawah ini :

1. Buat sebuah Halaman HTML dimana kita meletakkan kode DIV pada area yang ingin dicetak.


2. Buat Tombol untuk mengeksekusi.

 

3. Buat kode Javascript.
[removed]
    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>JavaScript</title></head><body>";
       var footer = "</body></html>";
       var sourceHTML = header+document.getElementById("cetak")[removed]+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 = 'dok_javascript.doc';
       fileDownload.click();
       document.body.removeChild(fileDownload);
    }
[removed]

Selamat mencoba
Sahid

Nur Sahid, mengabdi sebagai Aparatur Sipil Negara. Disamping juga bekerja sebagai freelance untuk pemrograman web dan android. Skill yang dimiliki adalah HTML, CSS, Javascript, PHP Native dan Framework Codeigniter, JQuery, AngularJS, VueJS

Masukkan Komentar Anda