ما هو تحويل HTML إلى PDF؟

يحوّل كود HTML إلى ملف PDF قابل للتنزيل. يدعم أنماط CSS والصور والجداول وأحجام الصفحات المخصصة. مناسب للفواتير والتقارير أو حفظ محتوى الويب المنسق دون اتصال.

اختر مقاس الورق A4 أو A3 أو Letter أو Legal، بدّل بين الوضع العمودي والأفقي، واضبط الهوامش من صفر إلى 20 مم. ويمكنك حماية الملف بكلمة مرور أو وضع أرقام الصفحات في التذييل. الـ CSS المضمّن وصور base64 والجداول كلها تظهر في الناتج. التحويل يعتمد على html2pdf.js وhtml2canvas، لذا الصفحات ذات الخطوط الويبية أو التأثيرات المعقّدة قد تختلف قليلاً عن المعاينة المباشرة.

كيفية الاستخدام

1. الخطوة 1 — الصق كود HTML أو اكتبه في المحرر. تُظهر المعاينة المباشرة الشكل النهائي للملف PDF بدقة.
2. الخطوة 2 — اضبط إعدادات الصفحة: اختر حجم الورق (A4 أو A3 أو Letter أو Legal) والاتجاه (عمودي/أفقي) والهوامش. ويمكنك اختياريًا تعيين كلمة مرور أو إضافة أرقام الصفحات.
3. الخطوة 3 — انقر على «إنشاء PDF» لتوليد المستند ثم نزّله مباشرةً على جهازك.

متى تستخدم

• تحويل قالب HTML لفاتورة أو إيصال إلى PDF قبل إرساله للعميل.
• أرشفة تقرير يحتوي رسوماً وجداول كنسخة محمولة.
• تجهيز مطبوعات لورشة عمل أو حصة دراسية انطلاقاً من محتوى ويب.

النتيجة

يلصق مستقل كود HTML لفاتورته المتضمنة شعار الشركة وجدول التفاصيل والإجماليات. يضبط حجم A4 عمودياً بهوامش 20 مم ثم ينزّل ملف PDF احترافياً لإرساله بالبريد الإلكتروني إلى عميله.

الأسئلة الشائعة

لماذا يبدو الـ PDF مختلفاً عن المعاينة المباشرة؟

يُولَّد الـ PDF عبر html2canvas الذي يرسم الصفحة كصورة ثم يغلّفها في PDF. الخطوط الويبية التي لم تُحمَّل بالكامل، أو العناصر بـ position: fixed، أو فلاتر CSS قد تظهر بشكل مختلف قليلاً عن المعاينة.

هل أستطيع تضمين صور مستضافة في نطاق آخر؟

فقط إذا أرسل الخادم رؤوس CORS تسمح بذلك. وإلا فلن يستطيع html2canvas قراءة بكسلات الصورة، وستظهر فارغة في الـ PDF. الحل: نزّل الصورة وادمجها بصيغة base64، أو استضفها على نفس النطاق.

كيف أتحكّم في فواصل الصفحات؟

أضف قاعدة page-break-before: always (أو page-break-after) في CSS على العنصر الذي تريد أن تبدأ منه صفحة جديدة. وللحفاظ على صفّ جدول دون تقسيمه استخدم page-break-inside: avoid على الصف.

هل النصّ في الـ PDF قابل للتحديد والنسخ؟

غالباً لا. لأن المحرّك يسطّح الصفحة عبر canvas فيتحوّل النصّ إلى صورة نقطية. بعض الحلول تضع طبقة نصّ غير مرئية للتحديد، لكن هذه الأداة تنتج ملفات PDF نقطية، تُقرأ بوضوح لكن قد لا يمكن نسخها.

هل يوجد حدّ لحجم الـ HTML الذي ألصقه؟

عملياً بضع مئات من الكيلوبايتات من الشيفرة أو ما يعادل 10-15 صفحة. الصفحات الأطول قد تنفد فيها الذاكرة لأن DOM كاملاً يُرسم في canvas واحدة قبل تقسيمه إلى صفحات.

أدوات ذات صلة