หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ทำตามขั้นตอนเหล่านี้เพื่อแปลง HTML เป็น PDF

  • ขั้นตอนที่ 1 - ติดตั้งแพ็คเกจ PDF Creator โดยใช้คำสั่งต่อไปนี้

    $ npm i pdf-creator-node --save

    -Save Flag เพิ่มชื่อแพ็คเกจลงในไฟล์ package.json

  • ขั้นตอนที่ 2 - เพิ่มแพ็คเกจที่จำเป็นและอ่านเทมเพลต HTML 

     //Required package
var pdf = require ( "pdf-creator-node" ) ;
var fs = require ( "fs" ) ;

// Read HTML Template
var html = fs . readFileSync ( "template.html" , "utf8" ) ;

  • ขั้นตอนที่ 3 - สร้างเทมเพลต HTML ของคุณ 

     <!DOCTYPE html >
< html >
  < head >
    < meta charset =" utf-8 " />
    < title > Hello world! </ title >
  </ head >
  < body >
    < h1 > User List </ h1 >
    < ul >
      {{#each users}}
      < li > Name: {{this.name}} </ li >
      < li > Age: {{this.age}} </ li >
      < br />
      {{/each}}
    </ ul >
  </ body >
</ html >

  • ขั้นตอนที่ 4 - จัดทำรูปแบบและการวางแนวตามความต้องการของคุณ

    "ความสูง": "10.5in", // ที่อนุญาตหน่วย: มม., ซม., อิน, px

    "ความกว้าง": "8in", // หน่วยที่อนุญาต: mm, cm, in, px

    • หรือ -

    "รูปแบบ": "ตัวอักษร", // อนุญาตหน่วย: A3, A4, A5, กฎหมาย, จดหมาย, Tabloid

    "การปฐมนิเทศ": "ภาพบุคคล", // ภาพบุคคลหรือภูมิทัศน์ 

        var options = {
        format : "A3" ,
        orientation : "portrait" ,
        border : "10mm" ,
        header : {
            height : "45mm" ,
            contents : '<div style="text-align: center;">Author: Shyam Hajare</div>'
        } ,
        footer : {
            height : "28mm" ,
            contents : {
                first : 'Cover page' ,
                2 : 'Second page' , // Any page number is working. 1-based index
                default : '<span style="color: #444;">{{page}}</span>/<span>{{pages}}</span>' , // fallback value
                last : 'Last Page'
            }
        }
    } ;

  • ขั้นตอนที่ 5 - ให้ HTML, ข้อมูลผู้ใช้และพา ธ PDF สำหรับเอาต์พุต 

     var users = [
  {
    name : "Shyam" ,
    age : "26" ,
  } ,
  {
    name : "Navjot" ,
    age : "26" ,
  } ,
  {
    name : "Vitthal" ,
    age : "26" ,
  } ,
] ;
var document = {
  html : html ,
  data : {
    users : users ,
  } ,
  path : "./output.pdf" ,
  type : "" ,
} ;
// By default a file is created but you could switch between Buffer and Streams by using "buffer" or "stream" respectively.

  • ขั้นตอนที่ 6 - หลังจากตั้งค่าพารามิเตอร์ทั้งหมดเพียงแค่ส่งเอกสารและตัวเลือกไปยังวิธี pdf.create 

     pdf
  . create ( document , options )
  . then ( ( res ) => {
    console . log ( res ) ;
  } )
  . catch ( ( error ) => {
    console . error ( error ) ;
  } ) ;

หากตรวจสอบตามเงื่อนไข

คุณสามารถทำการตรวจสอบตามเงื่อนไขได้โดยการโทรบล็อกผู้ช่วย IFCOND ตัวอย่าง 

 { { # ifCond inputData "===" toCheckValue } } 
 <!DOCTYPE html >
< html >
  < head >
    < meta charset =" utf-8 " />
    < title > Hello world! </ title >
  </ head >
  < body >
    < h1 > User List </ h1 >
    < ul >
      {{#each users}}
      < li > Name: {{this.name}} </ li >
      < li > Age: {{#ifCond this.age '===' '26'}} </ li >
      < br />
      {{/ifCond}}
      {{/each}}
    </ ul >
  </ body >
</ html >

สามารถตรวจสอบตัวแปรที่มี สตริง ประเภทที่แตกต่างกัน, จำนวนเต็ม , บูลีน , double

ตัวดำเนินการตรรกะอื่น ๆ คือ-:

  • - 
     { { # ifCond inputData "==" toCheckValue } }
  • - 
     { { # ifCond inputData "===" toCheckValue } }
  • - 
     { { # ifCond inputData "!=" toCheckValue } }
  • - 
     { { # ifCond inputData "!==" toCheckValue } }
  • - 
     { { # ifCond inputData "<" toCheckValue } }
  • - 
     { { # ifCond inputData "<=" toCheckValue } }
  • - 
     { { # ifCond inputData ">" toCheckValue } }
  • - 
     { { # ifCond inputData ">=" toCheckValue } }
  • - 
     { { # ifCond inputData "&&" toCheckValue } }
  • - 
     { { # ifCond inputData "||" toCheckValue } }

##บันทึก!! คุณสามารถจับคู่ตัวแปร 2 ตัวเท่านั้น

จบ

ใบอนุญาต

PDF-creator-node ได้รับอนุญาต MIT

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด