{"id":36758,"date":"2025-12-22T18:30:40","date_gmt":"2025-12-22T15:30:40","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/"},"modified":"2025-12-22T18:30:40","modified_gmt":"2025-12-22T15:30:40","slug":"ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/","title":{"rendered":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)"},"content":{"rendered":"

Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)<\/h2>\n

G\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, form doldurma i\u015flemleri i\u015f ak\u0131\u015flar\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131d\u0131r. Ancak bu s\u00fcre\u00e7ler, manuel olarak yap\u0131ld\u0131\u011f\u0131nda zaman al\u0131c\u0131, hataya a\u00e7\u0131k ve verimsiz olabilir. Neyse ki, JavaScript’in g\u00fcc\u00fc ve modern taray\u0131c\u0131 yetenekleri sayesinde PDF formlar\u0131n\u0131 programatik olarak doldurmak art\u0131k \u00e7ok daha kolay ve eri\u015filebilir hale geldi. Bu makalede, ham JavaScript (veya daha do\u011frusu, saf JavaScript tabanl\u0131 k\u00fct\u00fcphaneler) kullanarak PDF formlar\u0131n\u0131 nas\u0131l otomatik olarak doldurabilece\u011finizi, bu s\u00fcrecin neden \u00f6nemli oldu\u011funu ve ad\u0131m ad\u0131m nas\u0131l uygulanaca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n

PDF Formlar\u0131 ve Programatik Doldurman\u0131n \u00d6nemi<\/h3>\n

PDF formlar\u0131, belge tabanl\u0131 veri toplama ve payla\u015fma i\u00e7in yayg\u0131n olarak kullan\u0131lan bir formatt\u0131r. Ancak bu formlar\u0131 elle doldurmak, \u00f6zellikle b\u00fcy\u00fck veri setleriyle \u00e7al\u0131\u015f\u0131rken veya tekrarlayan g\u00f6revlerde ciddi bir y\u00fck olu\u015fturabilir. Programatik doldurma, bu zorluklar\u0131n \u00fcstesinden gelmek i\u00e7in g\u00fc\u00e7l\u00fc bir \u00e7\u00f6z\u00fcm sunar.<\/p>\n

Neden Programatik Doldurma?<\/h4>\n

Programatik doldurma, veri giri\u015fini otomatize ederek insan hatas\u0131n\u0131 minimize eder, zamandan tasarruf sa\u011flar ve i\u015f ak\u0131\u015flar\u0131n\u0131 h\u0131zland\u0131r\u0131r. \u00d6rne\u011fin, bir web uygulamas\u0131ndan toplanan kullan\u0131c\u0131 verilerini do\u011frudan bir PDF faturas\u0131na veya s\u00f6zle\u015fmesine aktarabilirsiniz. Bu, manuel veri transferine k\u0131yasla hem daha h\u0131zl\u0131 hem de daha g\u00fcvenilirdir.<\/p>\n

Geleneksel Y\u00f6ntemlerin Zorluklar\u0131<\/h4>\n

Geleneksel olarak, PDF formlar\u0131n\u0131 doldurmak i\u00e7in masa\u00fcst\u00fc yaz\u0131l\u0131mlara veya sunucu taraf\u0131 \u00e7\u00f6z\u00fcmlere ihtiya\u00e7 duyulurdu. Bu y\u00f6ntemler genellikle ek lisanslama maliyetleri, karma\u015f\u0131k kurulumlar ve geli\u015ftirme s\u00fcre\u00e7leri gerektiriyordu. Taray\u0131c\u0131 tabanl\u0131 JavaScript \u00e7\u00f6z\u00fcmleri, bu engelleri ortadan kald\u0131rarak daha esnek ve uygun maliyetli bir alternatif sunar.<\/p>\n

\u0130\u015f Ak\u0131\u015flar\u0131n\u0131 Otomatize Etmenin Faydalar\u0131<\/h4>\n

Programatik PDF doldurma, m\u00fc\u015fteri kay\u0131t formlar\u0131ndan finansal raporlara, yasal belgelerden faturalara kadar bir\u00e7ok alanda otomasyon potansiyeli ta\u015f\u0131r. Bu sayede, i\u015fletmeler operasyonel verimliliklerini art\u0131rabilir, maliyetleri d\u00fc\u015f\u00fcrebilir ve daha h\u0131zl\u0131 hizmet sunabilirler. Geli\u015ftiriciler i\u00e7in ise, bu yetenek web uygulamalar\u0131na g\u00fc\u00e7l\u00fc bir de\u011fer katar.<\/p>\n

JavaScript ile PDF Manip\u00fclasyonunun Temelleri<\/h3>\n

Taray\u0131c\u0131 ortam\u0131nda PDF dosyalar\u0131n\u0131 do\u011frudan “ham JavaScript” ile piksel piksel olu\u015fturmak veya de\u011fi\u015ftirmek olduk\u00e7a karma\u015f\u0131kt\u0131r. Ancak, “ham JavaScript” tabanl\u0131 k\u00fct\u00fcphaneler kullanarak bu i\u015flemi kolayca ger\u00e7ekle\u015ftirebiliriz. Bu k\u00fct\u00fcphaneler, PDF format\u0131n\u0131n karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 soyutlayarak bize daha basit bir API sunar.<\/p>\n

Taray\u0131c\u0131da PDF \u0130\u015fleme S\u0131n\u0131rlamalar\u0131<\/h4>\n

Taray\u0131c\u0131lar, g\u00fcvenlik ve performans nedenleriyle dosya sistemine do\u011frudan eri\u015fimi k\u0131s\u0131tlar. Bu nedenle, PDF dosyalar\u0131n\u0131 okuma, de\u011fi\u015ftirme ve kaydetme i\u015flemleri genellikle kullan\u0131c\u0131 etkile\u015fimi (dosya se\u00e7imi, indirme) veya belirli API’ler (FileReader, Blob) arac\u0131l\u0131\u011f\u0131yla yap\u0131l\u0131r. Do\u011frudan sunucu taraf\u0131nda bir PDF dosyas\u0131n\u0131 okuyup yazmak yerine, taray\u0131c\u0131da genellikle bir PDF dosyas\u0131n\u0131n baytlar\u0131n\u0131 y\u00fckleyip manip\u00fcle ederiz.<\/p>\n

Gerekli K\u00fct\u00fcphaneler ve Ara\u00e7lar<\/h4>\n

Piyasada bir\u00e7ok PDF k\u00fct\u00fcphanesi bulunsa da, taray\u0131c\u0131da saf JavaScript ile form doldurma i\u00e7in en pop\u00fcler ve etkili se\u00e7eneklerden biri pdf-lib<\/code> k\u00fct\u00fcphanesidir. pdf-lib<\/code>, PDF dosyalar\u0131n\u0131 olu\u015fturma, de\u011fi\u015ftirme ve kaydetme yetene\u011fi sunan, TypeScript ile yaz\u0131lm\u0131\u015f ve hem taray\u0131c\u0131 hem de Node.js ortam\u0131nda \u00e7al\u0131\u015fabilen g\u00fc\u00e7l\u00fc bir k\u00fct\u00fcphanedir. Di\u011fer se\u00e7enekler aras\u0131nda PSPDFKit (ticari) veya PDF.js (sadece g\u00f6r\u00fcnt\u00fcleme odakl\u0131) bulunsa da, pdf-lib<\/code> programatik doldurma i\u00e7in “kolay yol”u temsil eder.<\/p>\n

pdf-lib<\/code> K\u00fct\u00fcphanesine Genel Bak\u0131\u015f<\/h4>\n

pdf-lib<\/code>, PDF belgeleriyle \u00e7al\u0131\u015fmak i\u00e7in y\u00fcksek seviyeli bir API sa\u011flar. Mevcut bir PDF’i y\u00fckleyebilir, form alanlar\u0131na eri\u015febilir, metin, resim ve \u015fekiller ekleyebilir, hatta yeni PDF’ler olu\u015fturabilirsiniz. Form doldurma \u00f6zelinde, mevcut form alanlar\u0131n\u0131 bulup de\u011fer atamak i\u00e7in olduk\u00e7a sezgisel y\u00f6ntemler sunar.<\/p>\n

PDF Form Alanlar\u0131n\u0131 Tan\u0131mlama ve Eri\u015fme<\/h3>\n

Bir PDF formunu programatik olarak doldurmadan \u00f6nce, formdaki alanlar\u0131 ve bunlar\u0131n benzersiz adlar\u0131n\u0131 bilmeniz gerekir. Bu adlar, JavaScript kodunuzda belirli alanlara eri\u015fmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n

Form Alan\u0131 T\u00fcrleri<\/h4>\n

PDF formlar\u0131, farkl\u0131 veri t\u00fcrlerini bar\u0131nd\u0131rabilen \u00e7e\u015fitli alan t\u00fcrlerine sahiptir:<\/p>\n

    \n
  • Metin Alanlar\u0131:<\/b> Tek sat\u0131rl\u0131k veya \u00e7ok sat\u0131rl\u0131 metin giri\u015fi i\u00e7in.<\/li>\n
  • Onay Kutular\u0131 (Checkboxes):<\/b> \u0130kili se\u00e7imler (evet\/hay\u0131r, do\u011fru\/yanl\u0131\u015f) i\u00e7in.<\/li>\n
  • Radyo D\u00fc\u011fmeleri (Radio Buttons):<\/b> Bir se\u00e7enek grubundan yaln\u0131zca birinin se\u00e7ilebildi\u011fi durumlar i\u00e7in.<\/li>\n
  • A\u00e7\u0131l\u0131r Listeler (Dropdowns):<\/b> \u00d6nceden tan\u0131mlanm\u0131\u015f se\u00e7eneklerden birini se\u00e7mek i\u00e7in.<\/li>\n
  • D\u00fc\u011fmeler:<\/b> Belirli eylemleri tetiklemek i\u00e7in.<\/li>\n<\/ul>\n

    Biz bu makalede genellikle metin alanlar\u0131, onay kutular\u0131 ve radyo d\u00fc\u011fmelerine odaklanaca\u011f\u0131z.<\/p>\n

    Alan Adlar\u0131n\u0131 Bulma<\/h4>\n

    PDF form alan adlar\u0131n\u0131 bulman\u0131n birka\u00e7 yolu vard\u0131r:<\/p>\n

      \n
    1. PDF D\u00fczenleyici Yaz\u0131l\u0131mlar\u0131:<\/b> Adobe Acrobat Pro gibi profesyonel PDF d\u00fczenleyiciler, form alanlar\u0131n\u0131 se\u00e7menize ve \u00f6zelliklerini (ad\u0131 dahil) g\u00f6r\u00fcnt\u00fclemenize olanak tan\u0131r.<\/li>\n
    2. Geli\u015ftirici Ara\u00e7lar\u0131 (pdf-lib ile):<\/b> pdf-lib<\/code> kullanarak bir PDF’i y\u00fckleyip t\u00fcm form alanlar\u0131n\u0131 listeleyebilirsiniz. Bu, \u00f6zellikle alan adlar\u0131n\u0131 \u00f6nceden bilmedi\u011finiz durumlarda \u00e7ok kullan\u0131\u015fl\u0131d\u0131r.<\/li>\n<\/ol>\n
      \nimport { PDFDocument } from 'pdf-lib';\n\nasync function listFormFields(pdfBytes) {\n  const pdfDoc = await PDFDocument.load(pdfBytes);\n  const form = pdfDoc.getForm();\n  const fields = form.getFields();\n\n  console.log('PDF Form Alanlar\u0131:');\n  fields.forEach(field => {\n    const name = field.getName();\n    const type = field.constructor.name; \/\/ Alan t\u00fcr\u00fcn\u00fc g\u00f6sterir (\u00f6rne\u011fin PDFTextField, PDFCheckBox)\n    console.log(- Ad\u0131: ${name}, T\u00fcr\u00fc: ${type}<\/code>);\n  });\n}\n\n\/\/ \u00d6rnek kullan\u0131m: Bir input elementinden veya fetch ile y\u00fcklenen PDF baytlar\u0131n\u0131 kullan\u0131n.\n\/\/ const pdfBytes = ...; \/\/ Buraya PDF dosyas\u0131n\u0131n baytlar\u0131 gelecek\n\/\/ listFormFields(pdfBytes);\n<\/pre>\n
      <\/code><\/p>\n
      pdf-lib<\/code> ile Alanlara Eri\u015fme<\/h4>\n
      Alan adlar\u0131n\u0131 \u00f6\u011frendikten sonra, pdf-lib<\/code> k\u00fct\u00fcphanesi arac\u0131l\u0131\u011f\u0131yla bunlara eri\u015fmek olduk\u00e7a basittir. pdfDoc.getForm()<\/code> metodu ile form nesnesine ula\u015ft\u0131ktan sonra, getTextField()<\/code>, getCheckBox()<\/code>, getRadioGroup()<\/code> gibi spesifik metodlar\u0131 kullanarak veya genel getField()<\/code> metodunu kullanarak alanlara eri\u015febilirsiniz.<\/p>\n
      Veri Kayna\u011f\u0131 ve Entegrasyon Stratejileri<\/h3>\n
      Form alanlar\u0131n\u0131 doldurmak i\u00e7in gerekli verilerin bir yerden gelmesi gerekir. Bu veriler, farkl\u0131 kaynaklardan elde edilebilir ve JavaScript uygulaman\u0131za entegre edilebilir.<\/p>\n
      JSON Veri Yap\u0131lar\u0131<\/h4>\n
      En yayg\u0131n ve esnek yakla\u015f\u0131mlardan biri, form verilerini JSON format\u0131nda tutmakt\u0131r. JSON nesneleri, anahtar-de\u011fer \u00e7iftleri (key-value pairs) \u015feklinde yap\u0131land\u0131r\u0131ld\u0131\u011f\u0131 i\u00e7in, PDF form alan adlar\u0131n\u0131 anahtar olarak kullanarak verileri kolayca e\u015fle\u015ftirebilirsiniz.<\/p>\n
      \n{\n  \"adSoyad\": \"Ay\u015fe Y\u0131lmaz\",\n  \"email\": \"ayse.yilmaz@example.com\",\n  \"telefon\": \"555-123-4567\",\n  \"onay\": true,\n  \"cinsiyet\": \"Kad\u0131n\" \/\/ Radyo grubu i\u00e7in\n}\n<\/pre>\n
      <\/code><\/p>\n
      API Entegrasyonlar\u0131<\/h4>\n
      Veriler genellikle bir arka u\u00e7 (backend) API'sinden gelir. fetch<\/code> API'si veya XMLHttpRequest<\/code> kullanarak bu verileri web uygulaman\u0131za \u00e7ekebilir ve ard\u0131ndan PDF formuna uygulayabilirsiniz. Bu, dinamik ve g\u00fcncel verilerle \u00e7al\u0131\u015fmak i\u00e7in idealdir.<\/p>\n
      Kullan\u0131c\u0131 Giri\u015fi ile Veri Alma<\/h4>\n
      Form verileri do\u011frudan kullan\u0131c\u0131dan da al\u0131nabilir. Bir HTML formu arac\u0131l\u0131\u011f\u0131yla kullan\u0131c\u0131dan bilgi toplay\u0131p, bu bilgileri JavaScript'te i\u015fleyerek PDF formuna aktarabilirsiniz. Bu, \u00f6zellikle tek seferlik veya ki\u015fiselle\u015ftirilmi\u015f belge olu\u015fturma senaryolar\u0131nda kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
      Form Doldurma \u0130\u015flemini Ger\u00e7ekle\u015ftirme: Ad\u0131m Ad\u0131m K\u0131lavuz<\/h3>\n
      \u015eimdi, pdf-lib<\/code> kullanarak bir PDF formunu programatik olarak doldurma s\u00fcrecini ad\u0131m ad\u0131m inceleyelim.<\/p>\n
      Ad\u0131m 1: PDF Dosyas\u0131n\u0131 Y\u00fckleme<\/h4>\n
      \u0130lk olarak, doldurmak istedi\u011finiz PDF dosyas\u0131n\u0131n baytlar\u0131n\u0131 (bytes) y\u00fcklemeniz gerekir. Bu, bir <\/code> elementi arac\u0131l\u0131\u011f\u0131yla kullan\u0131c\u0131dan dosya se\u00e7mesini isteyerek veya fetch<\/code> API'si ile bir URL'den dosyay\u0131 \u00e7ekerek yap\u0131labilir.<\/p>\n
      \nimport { PDFDocument } from 'pdf-lib';\n\nasync function fillPdfForm(pdfBytes, formData) {\n  const pdfDoc = await PDFDocument.load(pdfBytes);\n  const form = pdfDoc.getForm();\n\n  \/\/ ... (sonraki ad\u0131mlar)\n}\n\n\/\/ \u00d6rnek: Bir dosya inputundan PDF y\u00fckleme\ndocument.getElementById('pdfFileInput').addEventListener('change', async (event) => {\n  const file = event.target.files[0];\n  if (file) {\n    const arrayBuffer = await file.arrayBuffer();\n    const pdfBytes = new Uint8Array(arrayBuffer);\n\n    const formData = {\n      \"adSoyad\": \"Can Demir\",\n      \"email\": \"can.demir@example.com\",\n      \"telefon\": \"555-987-6543\",\n      \"onay\": true,\n      \"cinsiyet\": \"Erkek\"\n    };\n\n    const filledPdfBytes = await fillPdfForm(pdfBytes, formData);\n    \n    \/\/ Doldurulmu\u015f PDF'i indirme veya g\u00f6sterme\n    const blob = new Blob([filledPdfBytes], { type: 'application\/pdf' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = 'doldurulmus-form.pdf';\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  }\n});\n<\/pre>\n
      <\/code><\/p>\n
      Ad\u0131m 2: Formu Alma<\/h4>\n
      Y\u00fcklenen PDF belgesinden form nesnesine eri\u015fin.<\/p>\n
      \n  const form = pdfDoc.getForm();\n<\/pre>\n
      <\/code><\/p>\n
      Ad\u0131m 3: Alanlar\u0131 Doldurma<\/h4>\n
      formData<\/code> nesnesindeki verileri kullanarak ilgili PDF form alanlar\u0131n\u0131 doldurun. pdf-lib<\/code>, metin alanlar\u0131 i\u00e7in setText()<\/code>, onay kutular\u0131 i\u00e7in check()<\/code>, radyo d\u00fc\u011fmeleri i\u00e7in select()<\/code> gibi sezgisel metodlar sunar.<\/p>\n
      \n  \/\/ Metin alanlar\u0131n\u0131 doldurma\n  if (formData.adSoyad) {\n    const adSoyadField = form.getTextField('adSoyad'); \/\/ PDF'teki alan ad\u0131\n    adSoyadField.setText(formData.adSoyad);\n  }\n  if (formData.email) {\n    const emailField = form.getTextField('email');\n    emailField.setText(formData.email);\n  }\n  if (formData.telefon) {\n    const telefonField = form.getTextField('telefon');\n    telefonField.setText(formData.telefon);\n  }\n\n  \/\/ Onay kutusunu doldurma\n  if (formData.onay !== undefined) {\n    const onayField = form.getCheckBox('onay');\n    if (formData.onay) {\n      onayField.check();\n    } else {\n      onayField.uncheck();\n    }\n  }\n\n  \/\/ Radyo d\u00fc\u011fmelerini doldurma (radyo grubu ad\u0131 ve se\u00e7ilecek de\u011fer)\n  if (formData.cinsiyet) {\n    const cinsiyetGroup = form.getRadioGroup('cinsiyet'); \/\/ PDF'teki radyo grubu ad\u0131\n    cinsiyetGroup.select(formData.cinsiyet); \/\/ Se\u00e7ilecek radyo d\u00fc\u011fmesinin de\u011feri\n  }\n<\/pre>\n
      <\/code><\/p>\n
      Ad\u0131m 4: De\u011fi\u015fiklikleri Kaydetme ve \u0130ndirme<\/h4>\n
      T\u00fcm alanlar doldurulduktan sonra, PDF belgesini kaydedin ve taray\u0131c\u0131ya indirilmesi i\u00e7in bir Blob olu\u015fturun.<\/p>\n
      \n  \/\/ Form alanlar\u0131n\u0131 \"d\u00fczle\u015ftirme\" (iste\u011fe ba\u011fl\u0131, d\u00fczenlenebilirli\u011fi kald\u0131r\u0131r)\n  \/\/ form.flatten(); \n\n  const filledPdfBytes = await pdfDoc.save();\n  return filledPdfBytes;\n<\/pre>\n
      <\/code><\/p>\n
      \u00d6rnek Kod: Basit Bir Metin Alan\u0131n\u0131 Doldurma<\/h4>\n
      Yukar\u0131daki ad\u0131mlar\u0131 birle\u015ftiren daha kapsaml\u0131 bir \u00f6rnek:<\/p>\n
      \nimport { PDFDocument } from 'pdf-lib';\n\nasync function fillAndDownloadPdf(pdfUrl, formData) {\n  \/\/ 1. PDF dosyas\u0131n\u0131 URL'den y\u00fckle\n  const existingPdfBytes = await fetch(pdfUrl).then(res => res.arrayBuffer());\n  const pdfDoc = await PDFDocument.load(existingPdfBytes);\n\n  \/\/ 2. Formu al\n  const form = pdfDoc.getForm();\n\n  \/\/ 3. Alanlar\u0131 doldur\n  \/\/ Metin alanlar\u0131\n  if (formData.adSoyad) {\n    const adSoyadField = form.getTextField('adSoyad');\n    adSoyadField.setText(formData.adSoyad);\n  }\n  if (formData.email) {\n    const emailField = form.getTextField('email');\n    emailField.setText(formData.email);\n  }\n\n  \/\/ Onay kutusu\n  if (formData.kvkkOnay !== undefined) {\n    const kvkkOnayField = form.getCheckBox('kvkkOnay');\n    if (formData.kvkkOnay) {\n      kvkkOnayField.check();\n    } else {\n      kvkkOnayField.uncheck();\n    }\n  }\n\n  \/\/ Radyo d\u00fc\u011fmesi grubu (\u00f6rne\u011fin 'cinsiyet' grubu i\u00e7inde 'Erkek' veya 'Kad\u0131n' de\u011ferleri)\n  if (formData.cinsiyet) {\n    const cinsiyetGroup = form.getRadioGroup('cinsiyet');\n    cinsiyetGroup.select(formData.cinsiyet);\n  }\n\n  \/\/ (\u0130ste\u011fe ba\u011fl\u0131) Form alanlar\u0131n\u0131 d\u00fczle\u015ftirerek d\u00fczenlenemez hale getir\n  \/\/ form.flatten();\n\n  \/\/ 4. De\u011fi\u015fiklikleri kaydet\n  const pdfBytes = await pdfDoc.save();\n\n  \/\/ 5. Doldurulmu\u015f PDF'i indir\n  const blob = new Blob([pdfBytes], { type: 'application\/pdf' });\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = 'doldurulmus-form.pdf';\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  URL.revokeObjectURL(url); \/\/ Bellek s\u0131z\u0131nt\u0131s\u0131n\u0131 \u00f6nle\n}\n\n\/\/ Kullan\u0131m \u00f6rne\u011fi:\nconst myFormData = {\n  adSoyad: \"Deniz Kara\",\n  email: \"deniz.kara@example.com\",\n  kvkkOnay: true,\n  cinsiyet: \"Kad\u0131n\"\n};\n\n\/\/ pdfUrl yerine kendi PDF dosyan\u0131z\u0131n yolunu veya bir blob URL'sini kullan\u0131n\n\/\/ fillAndDownloadPdf('\/path\/to\/your\/form.pdf', myFormData); \n\/\/ Veya bir inputtan y\u00fckleyerek yukar\u0131daki Ad\u0131m 1'deki gibi kullan\u0131n.\n<\/pre>\n
      <\/code><\/p>\n
      Geli\u015fmi\u015f Senaryolar ve Dikkat Edilmesi Gerekenler<\/h3>\n
      Basit metin alanlar\u0131n\u0131n \u00f6tesinde, daha karma\u015f\u0131k form yap\u0131lar\u0131 ve senaryolarla kar\u015f\u0131la\u015fabilirsiniz.<\/p>\n
      Onay Kutular\u0131 ve Radyo D\u00fc\u011fmeleri ile \u00c7al\u0131\u015fma<\/h4>\n
      pdf-lib<\/code>, onay kutular\u0131 i\u00e7in check()<\/code> ve uncheck()<\/code>, radyo d\u00fc\u011fmeleri i\u00e7in ise select(value)<\/code> metodlar\u0131n\u0131 sunar. Radyo d\u00fc\u011fmeleri genellikle bir grup halinde bulunur ve getRadioGroup(groupName)<\/code> ile eri\u015filir. select()<\/code> metoduna, se\u00e7mek istedi\u011finiz radyo d\u00fc\u011fmesinin de\u011ferini (PDF formunda tan\u0131mlanan) iletmeniz gerekir.<\/p>\n
      Dinamik Alanlar ve Tekrarlayan B\u00f6l\u00fcmler<\/h4>\n
      Baz\u0131 PDF formlar\u0131nda, \u00f6rne\u011fin bir \u00fcr\u00fcn listesi gibi, dinamik olarak eklenmesi gereken alanlar olabilir. pdf-lib<\/code> do\u011frudan \"alan ekleme\" yetene\u011fi sunmasa da, bu t\u00fcr senaryolar\u0131 birden fazla ayn\u0131 adl\u0131 alan kullanarak veya PDF'e yeni sayfalar\/i\u00e7erikler ekleyerek y\u00f6netebilirsiniz. Ancak bu, \"form doldurma\"dan ziyade \"PDF olu\u015fturma\/d\u00fczenleme\" kapsam\u0131na girer ve daha karma\u015f\u0131kt\u0131r.<\/p>\n
      Performans Optimizasyonu<\/h4>\n
      B\u00fcy\u00fck PDF dosyalar\u0131 veya \u00e7ok say\u0131da form alan\u0131 ile \u00e7al\u0131\u015f\u0131rken performans sorunlar\u0131 ya\u015fanabilir. pdf-lib<\/code> genellikle olduk\u00e7a h\u0131zl\u0131 olsa da, gereksiz yeniden \u00e7izimleri \u00f6nlemek ve i\u015flemi optimize etmek i\u00e7in \u015fu noktalara dikkat edilebilir:<\/p>\n
        \n
      • PDF dosyas\u0131n\u0131 sadece bir kez y\u00fckleyin.<\/li>\n
      • Gereksiz yere pdfDoc.save()<\/code> \u00e7a\u011f\u0131rmay\u0131n.<\/li>\n
      • Formu doldurduktan sonra form.flatten()<\/code> metodunu kullanarak alanlar\u0131 d\u00fczle\u015ftirmek, dosya boyutunu biraz azaltabilir ve d\u00fczenlenebilirli\u011fi kald\u0131r\u0131r.<\/li>\n<\/ul>\n
        En \u0130yi Uygulamalar ve G\u00fcvenlik<\/h3>\n
        Programatik PDF doldurma i\u015flemini uygularken baz\u0131 en iyi uygulamalar\u0131 ve g\u00fcvenlik hususlar\u0131n\u0131 g\u00f6z \u00f6n\u00fcnde bulundurmak \u00f6nemlidir.<\/p>\n
        Hata Y\u00f6netimi ve Kullan\u0131c\u0131 Geri Bildirimi<\/h4>\n
        PDF y\u00fckleme, alan ad\u0131 e\u015fle\u015fmeme veya veri t\u00fcr\u00fc uyu\u015fmazl\u0131\u011f\u0131 gibi hatalar meydana gelebilir. Bu durumlar\u0131 uygun \u015fekilde ele almak ve kullan\u0131c\u0131ya anla\u015f\u0131l\u0131r geri bildirimler sunmak, uygulaman\u0131z\u0131n kullan\u0131c\u0131 deneyimini art\u0131r\u0131r. try-catch<\/code> bloklar\u0131 kullanarak potansiyel hatalar\u0131 yakalay\u0131n.<\/p>\n
        G\u00fcvenlik Konular\u0131 (Veri B\u00fct\u00fcnl\u00fc\u011f\u00fc)<\/h4>\n
        Taray\u0131c\u0131 taraf\u0131nda PDF doldurma i\u015flemi, hassas verilerin do\u011frudan kullan\u0131c\u0131 cihaz\u0131nda i\u015flendi\u011fi anlam\u0131na gelir. Bu genellikle sunucu taraf\u0131 \u00e7\u00f6z\u00fcmlere g\u00f6re daha g\u00fcvenlidir, \u00e7\u00fcnk\u00fc veriler sunucuda kal\u0131c\u0131 olarak depolanmaz. Ancak, verilerin HTTPS \u00fczerinden g\u00fcvenli bir \u015fekilde aktar\u0131ld\u0131\u011f\u0131ndan ve uygulaman\u0131z\u0131n di\u011fer g\u00fcvenlik a\u00e7\u0131klar\u0131na kar\u015f\u0131 korundu\u011fundan emin olun. Ayr\u0131ca, doldurulan PDF'i sunucuya geri g\u00f6ndermeniz gerekiyorsa, bu aktar\u0131m\u0131n da g\u00fcvenli oldu\u011fundan emin olun.<\/p>\n
        Taray\u0131c\u0131 Uyumlulu\u011fu<\/h4>\n
        pdf-lib<\/code> modern taray\u0131c\u0131lar\u0131n \u00e7o\u011funda (Chrome, Firefox, Safari, Edge) sorunsuz \u00e7al\u0131\u015f\u0131r. Ancak, eski taray\u0131c\u0131lar veya nadir kullan\u0131lan taray\u0131c\u0131lar i\u00e7in uyumluluk testleri yapmak faydal\u0131 olacakt\u0131r. Promise<\/code> tabanl\u0131 oldu\u011fu i\u00e7in, baz\u0131 eski taray\u0131c\u0131larda polyfill'lere ihtiya\u00e7 duyabilir.<\/p>\n
        Sonu\u00e7<\/h3>\n
        Ham JavaScript ve pdf-lib<\/code> gibi g\u00fc\u00e7l\u00fc k\u00fct\u00fcphaneler sayesinde, PDF formlar\u0131n\u0131 programatik olarak doldurmak art\u0131k web uygulamalar\u0131 i\u00e7in kolayca eri\u015filebilir bir yetenek haline gelmi\u015ftir. Bu y\u00f6ntem, manuel veri giri\u015finin getirdi\u011fi zaman kayb\u0131n\u0131 ve hata riskini ortadan kald\u0131rarak i\u015f ak\u0131\u015flar\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde h\u0131zland\u0131r\u0131r ve verimlili\u011fi art\u0131r\u0131r. Geli\u015ftiriciler, bu teknikleri kullanarak daha dinamik, otomatik ve kullan\u0131c\u0131 dostu web \u00e7\u00f6z\u00fcmleri sunabilirler. Unutmay\u0131n, do\u011fru alan adlar\u0131n\u0131 bulmak ve verileri do\u011fru \u015fekilde e\u015fle\u015ftirmek, ba\u015far\u0131l\u0131 bir programatik doldurma i\u015fleminin anahtar\u0131d\u0131r.<\/p>\n
        SSS (S\u0131k Sorulan Sorular)<\/h3>\n
        PDF formunu doldurmak i\u00e7in hangi k\u00fct\u00fcphaneyi kullanmal\u0131y\u0131m?<\/h4>\n
        Taray\u0131c\u0131 ortam\u0131nda saf JavaScript ile programatik PDF form doldurma i\u00e7in pdf-lib<\/code> k\u00fct\u00fcphanesi en pop\u00fcler, esnek ve kullan\u0131m\u0131 kolay se\u00e7eneklerden biridir.<\/p>\n
        Doldurulmu\u015f PDF'i sunucuya nas\u0131l g\u00f6nderebilirim?<\/h4>\n
        pdfDoc.save()<\/code> metodu ile elde etti\u011finiz Uint8Array<\/code> veya Blob<\/code> nesnesini, fetch<\/code> API'si veya XMLHttpRequest<\/code> kullanarak bir FormData<\/code> nesnesi i\u00e7inde sunucuya POST<\/code> iste\u011fi ile g\u00f6nderebilirsiniz.<\/p>\n
        T\u00fcm taray\u0131c\u0131larda \u00e7al\u0131\u015f\u0131r m\u0131?<\/h4>\n
        pdf-lib<\/code> modern taray\u0131c\u0131lar\u0131n (Chrome, Firefox, Safari, Edge) \u00e7o\u011funda sorunsuz \u00e7al\u0131\u015f\u0131r. Ancak, \u00e7ok eski taray\u0131c\u0131larda veya \u00f6zel ortamlarda uyumluluk sorunlar\u0131 ya\u015fanabilir.<\/p>\n
        PDF form alan adlar\u0131n\u0131 nas\u0131l bulurum?<\/h4>\n
        Alan adlar\u0131n\u0131 bulman\u0131n en kolay yollar\u0131ndan biri, Adobe Acrobat Pro gibi bir PDF d\u00fczenleyici kullanmak veya pdf-lib<\/code>'in form.getFields()<\/code> metodunu kullanarak t\u00fcm alanlar\u0131 listeleyen bir JavaScript kodu \u00e7al\u0131\u015ft\u0131rmakt\u0131r.<\/p>\n
        G\u00fcvenlik endi\u015feleri nelerdir?<\/h4>\n
        Taray\u0131c\u0131 taraf\u0131nda i\u015flem yap\u0131ld\u0131\u011f\u0131 i\u00e7in veriler sunucuda kal\u0131c\u0131 olarak depolanmaz, bu da belirli bir g\u00fcvenlik avantaj\u0131 sa\u011flar. Ancak, verilerin HTTPS \u00fczerinden g\u00fcvenli bir \u015fekilde aktar\u0131ld\u0131\u011f\u0131ndan ve uygulaman\u0131z\u0131n genel g\u00fcvenlik standartlar\u0131na uygun oldu\u011fundan emin olmal\u0131s\u0131n\u0131z. Doldurulan PDF'i sunucuya geri g\u00f6nderiyorsan\u0131z, bu ileti\u015fimin de g\u00fcvenli oldu\u011fundan emin olun.<\/p>\n","protected":false},"excerpt":{"rendered":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)\nG\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, form doldurma i\u015flemleri i\u015f ak\u0131\u015flar\u0131n\u0131…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[],"class_list":{"0":"post-36758","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nHam JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem) - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)\" \/>\n<meta property=\"og:description\" content=\"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem) G\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, form doldurma i\u015flemleri i\u015f ak\u0131\u015flar\u0131n\u0131...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-22T15:30:40+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)\",\"datePublished\":\"2025-12-22T15:30:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\"},\"wordCount\":2071,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Javascript\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\",\"name\":\"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem) - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-12-22T15:30:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem) - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/","og_locale":"tr_TR","og_type":"article","og_title":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)","og_description":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem) G\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, form doldurma i\u015flemleri i\u015f ak\u0131\u015flar\u0131n\u0131...","og_url":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-12-22T15:30:40+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"13 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)","datePublished":"2025-12-22T15:30:40+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/"},"wordCount":2071,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Javascript"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/","url":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/","name":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem) - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-12-22T15:30:40+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/ham-javascript-ile-pdf-formlarini-programatik-olarak-doldurma-kolay-yontem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ham JavaScript ile PDF Formlar\u0131n\u0131 Programatik Olarak Doldurma (Kolay Y\u00f6ntem)"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/36758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=36758"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/36758\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=36758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=36758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=36758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}