เพื่อฝังไฟล์ PDF ในหน้าเว็บ สามารถใช้ Element <iframe> และเพิ่ม Path ไปยังไฟล์ PDF เป็นค่า Source:
<iframe src="path-to-your-file.pdf"></iframe>โดยค่าเริ่มต้น Iframe มี Border สามารถลบได้ด้วยแอตทริบิวต์ frameborder:
<iframe src="path-to-your-file.pdf" frameborder="0"></iframe>คุณอาจต้องการเพิ่ม Width และ Height ให้ Iframe ทำได้ทั้ง CSS Class และ Inline Styling
ในตัวอย่างด้านล่าง เพิ่ม width เป็น 100% เพื่อให้ Iframe ขยายตามความกว้างของ Parent Container (Best Practice) และ height เป็น 50vh หมายถึง Iframe จะใช้ 50% ของความสูงหน้าจอ
<iframe src="path-to-your-file.pdf" style="width:100%;height:50vh;" frameborder="0" ></iframe>ปรับ Width และ Height ตามความต้องการของโปรเจกต์
