Pada tutorial kali ini Konsep Koding akan berbagi tutorial mengenai bagaimana caranya mengkonversi file HTML menjadi PDF dengan JS, Tutorial ini dapat dipakai untuk Frontend seperti React, Angular, Vue dan bisa digunakan di Backend juga di NodeJS, nah pada tutorial ini akan di jelaskan mengenai implementasinya.



Pertama silahkan npm init atau menggunakan project yang sudah anda buat, kemudian install library yang Konsep Koding buat.  https://www.npmjs.com/package/covert-html-pdf-js

npm i covert-html-pdf-js


Kemudian buat file HTML  invoice2.html


<!DOCTYPE html>

<html>

  <body>

    <h1>The img element 22222</h1>


    <img

      src="https://www.w3schools.com/tags/img_girl.jpg"

      alt="Girl in a jacket"

      width="500"

      height="600"

    />

  </body>

</html>


Setelah itu di index.js atau file main anda tambahkan kode seperti di bawah ini :

const { convertHtmlToPdf } = require('.');

convertHtmlToPdf('./invoice2.html', 'sample')


Setelah itu run maka hasilnya akan gambar hasil pdf seperti di bawah ini :



Sekian semoga tutorial Javascript mengenai cara konversi file  semoga dapat bermanfaat dan membantu.


Baca Juga