Html trong pdf

Cách dễ nhất để đặt tài liệu PDF sang tài liệu HTML là sử dụng thẻ  với thuộc tính href. Những thứ bạn cần thêm vào thành phần là URL hoặc liên kết tham chiếu của tệp PDF của bạn. Mã của bạn sẽ giống như thế này.  

VD

  
    Title of the document
  
  
    
PDF Example
    
Open a PDF file example.
  

1. Set source to the web address of your PDF file

1. Đặt thuộc tính chiều cao và chiều rộng để xác định kích thước của khung nội tuyến

Mã hoàn chỉnh sẽ như thế này

  
    Title of the document
  
  
    
PDF Example with iframe
    
    
  

Nếu bạn không muốn người dùng tải xuống tệp PDF của mình, chỉ cần thêm # thanh công cụ = 0 sau URL của tài liệu PDF của bạn

  
    Title of the document
  
  
    
How to disable downloading of the PDF document
    
    
  

Nguồn. Cách nhúng trình xem PDF trong HTML

service by. Vũ Đức Nguyên

Chào mọi người, bài này mình xin chia sẻ với các bạn cách xuất PDF từ html, css và javasript. Và đọc đến đây chắc nhiều bạn cho rằng chỉ cần ctrl P là được thôi mà đúng không ạ?. Vâng, đúng rồi đó ạ, nhưng điều mình muốn nói ở đây là chia sẻ kinh nghiệm từ việc code html, css, javascript để khi in ra sẽ có nhiều vấn đề và nếu bạn chưa bao giờ làm thì cùng mình tìm hiểu nhé.

À, bạn nào đang làm cho blog cá nhân của mình áp dụng vào thì quá hay luôn, vì bạn có thể làm CV trên đó và khi xin việc thì chỉ cần gửi cho HR thôi, khi đi vào ra thì cũng rất dễ chịu nữa,

Cô mới, vào cho con cái CV đi xin việc phát ạ. v

Đi sát CV thôi, pass PV ngay lập tức phải hông ạ

Tiếp theo mình sẽ code và giải thích thật chi tiết nhé

2. Viết code cho file index. html

DOCTYPE html>

  
    
    
    
    PDF demo
    
    
    
  
  
    
      This is title
      
    
  

Ở đây mình đã import các file cần thiết vào rồi, và mình có sử dụng thằng JQuery này nữa nhé, bạn nào không thích dùng thì có thể dùng Js pure

3. Viết code cho file style. scss

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 595px;
  margin: 0 auto;
}

.wrapper {
  &__title {
    text-align: center;
    margin-bottom: 30px;
  }
}

.question-box {
  padding: 20px;
  background: rgb[247, 247, 247];

  &:not[:last-child] {
    margin-bottom: 20px;
  }

  &__question {
    font-weight: 700;
    margin-bottom: 10px;
  }

  &__answers {
    display: flex;
  }

  &__answer {
    width: 30%;
  }
}

Rồi nó ra như vậy nè, chưa có gì hết cả, giờ mình viết js để chèn nội dung vào cho nó

À có bạn nào chưa biết làm ntn để mình chạy với localhost này á, thì mình dùng extension là live server nhé

3. Viết code cho file script. js

$[document].ready[function [] {
  window.onload = myApp;

  function myApp[] {
    for [var i = 0; i