الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

اتبع هذه الخطوات لتحويل 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" ، // الوحدات المسموح بها: MM ، CM ، In ، PX

    "العرض": "8in" ، // الوحدات المسموح بها: mm ، cm ، in ، px

    • أو -

    "Format": "Letter" ، // الوحدات المسموح بها: A3 ، A4 ، A5 ، قانونية ، رسالة ، تابلويد

    "التوجيه": "صورة" ، // صورة أو مشهد طبيعي 

        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 >

يمكن التحقق من المتغيرات بنوع مختلف IE سلسلة ، عدد صحيح ، منطقية ، مزدوجة

المشغلون المنطقيون الآخرون-:

  • == 
     { { # 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 مرخص معهد ماساتشوستس للتكنولوجيا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل