تحويل كود HTML إلى مستند PDF
الصق كود HTML أو ارفع ملف html واحصل على PDF مقسّم إلى صفحات. الصفحات المكتفية بذاتها تعطي أفضل نتيجة: لا تُحمَّل الصور وأوراق الأنماط والخطوط الخارجية، ولا تُنفَّذ JavaScript.
- تُعالَج الملفات مؤقتًا وتُحذف تلقائيًا.
- بلا حاجة إلى حساب
- بلا علامة مائية
- يعمل على أي جهاز
كيف تعمل
الخطوة 1: الصق كود HTML في المربع، أو ارفع ملف html أو htm.
الخطوة 2: اختر حجم الصفحة (A4 أو Letter) والهوامش.
الخطوة 3: اضغط على التحويل إلى PDF.
الخطوة 4: نزّل ملف PDF وراجع فواصل الصفحات.
كيف يتحول HTML إلى PDF
يستخدم المحوّل WeasyPrint، وهو محرك صُمّم خصيصًا لتنسيق HTML وCSS في صورة صفحات مطبوعة. يقرأ الوسوم وورقة الأنماط، ويحدد مواضع الأسطر وفواصل الصفحات، ثم يكتب النتيجة بصيغة PDF بنص حقيقي قابل للتحديد. وهو لا يلتقط صورة شاشة لصفحة ويب.
ولأن الهدف هو الطباعة يُطبَّق CSS الخاص بالوسائط المقسّمة إلى صفحات: قواعد @page وخصائص فواصل الصفحات وأنماط الطباعة تتصرف كما في مستند مطبوع. تختار A4 أو US Letter والهوامش في الأداة، ويمكن لـ CSS الخاص بك أن يضبطها أكثر.
يُرسل HTML الخاص بك عبر HTTPS إلى خادمنا ويُعالج في مجلد مؤقت خاص بموارد محدودة ويُحذف فور تسليم ملف PDF.
لماذا تستخدم هذه الأداة
مصمم لتنسيق الطباعة
يفهم WeasyPrint معايير CSS للوسائط المقسّمة إلى صفحات، فيمكن التحكم في العناوين والجداول وفواصل الصفحات بقواعد ورقة الأنماط نفسها المستخدمة للطباعة.
نص حقيقي لا لقطة شاشة
يحتوي PDF على نص قابل للتحديد والبحث وحدود متجهة حادة، ويبقى صغير الحجم مقارنةً بصورة للصفحة.
آمن بحكم التصميم
لا يجلب المحوّل أي موارد خارجية ولا ينفذ أي سكربتات، فلا يستطيع وسم غير موثوق استيراد محتوى بعيد أو تشغيل كود.
لصق أو رفع
اعمل مباشرة على مقتطف منسوخ من محرر أو قالب بريد، أو سلّم صفحة كاملة محفوظة.
استخدامات شائعة
فواتير من قالب جاهز
يستطيع المطورون تحويل صفحة فاتورة أو إيصال مولَّدة إلى PDF لاختبار أنماط الطباعة قبل ربطها بتطبيق.
حفظ قالب بريد كمستند
الصق مصدر نشرة بريدية أو رسالة لتحصل على نسخة PDF للأرشيف، مع تضمين الصور لتظهر كاملة.
التقارير والشهادات
صمّم شهادة أو تقريرًا من صفحة واحدة بـ HTML وCSS، وتحكّم في التخطيط بدقة، ثم صدّره للطباعة.
التوثيق والسير الذاتية
اكتب سيرة ذاتية أو ورقة مرجعية بـ HTML، ونسّقها مرة واحدة، وصدّر PDF متطابقًا في كل مرة.
اختبار أنماط الطباعة
تحقق من سلوك قواعد فواصل الصفحات والهوامش في صفحة بعد تقسيمها، دون فتح نافذة الطباعة في المتصفح.
كتابة HTML يُحوَّل بنظافة
بما أنه لا يُجلب شيء من الإنترنت فيجب أن يحمل الملف الذي تقدمه كل ما يحتاجه. ضع CSS في عنصر style داخل head. وحوّل الصور إلى data URI، وهي سلاسل طويلة تبدأ بـ data:image/png;base64، واستخدمها مصدرًا للصورة. فالشعار أو المخطط المضمَّن بهذه الطريقة يظهر في PDF، بينما الصورة نفسها المشار إليها بعنوان ويب لا تظهر.
فكّر بالصفحات لا بالشاشات. استخدم قاعدة @page لضبط الهوامش، وتجنب التخطيطات بالبكسل التي تفترض شاشة كبيرة، وأبقِ رؤوس الجداول مقروءة بالسماح للصفوف بالانقسام بين الصفحات. وغالبًا ما تتفوق ورقة أنماط بسيطة تحدد font-size وline-height وpage-break-inside: avoid للبطاقات أو صفوف الجداول على ورقة معقدة.
- قدّم مستندًا كاملًا فيه html وhead وbody ووسم meta لترميز الأحرف مثل UTF-8.
- ضمّن كل صورة كـ data URI وأبقِ CSS داخل المستند.
- استخدم page-break-before أو page-break-after على العناوين لتحديد مكان بدء الأقسام.
- تجنب السكربتات: ما كانت ستضيفه عند التحميل سيكون مفقودًا.
الصيغ المدعومة
- المدخلات
- HTML ملصق في الصفحة، أو ملف html / htm. يعمل الوسم المكتفي بذاته مع CSS مضمَّن على أفضل وجه.
- المخرجات
- ملف PDF واحد بحجم A4 أو US Letter.
يتم التصيير بواسطة WeasyPrint على خادمنا. وليس التقاطًا لصفحة ويب.
من المفيد معرفته
- لا تُجلب الموارد الخارجية أبدًا. الصور وأوراق الأنماط والخطوط المشار إليها بعنوان URL لا تُحمَّل؛ ضمّن الصور كـ data URI وضع CSS داخل المستند.
- لا تُنفَّذ JavaScript، فلا يظهر في PDF المحتوى الذي تولّده السكربتات.
- هذا تصيير للطباعة، فقد تحتاج صفحة مصممة للشاشة (عروض ثابتة وقوائم عائمة ووحدات منفذ العرض) إلى أنماط طباعة لتظهر سليمة.
- تُستخدم الخطوط المثبّتة على الخادم؛ أما خط موجود على حاسوبك فقط فلا يتوفر ما لم تضمّنه بـ data URI.
- يُرسل HTML إلى خادمنا لتحويله؛ فاستخدم أداة تعمل داخل المتصفح إن كان لا يجوز إرساله أبدًا.
تُعالَج مؤقتًا على خادمنا
يتطلب هذا التحويل برنامجًا يعمل على الخادم. يُرفع ملفك عبر اتصال مشفّر، ويُحوَّل داخل مجلد مؤقت خاص، ثم يُعاد إليك ويُحذف فورًا. كما يُحذف إذا فشلت العملية أو انتهت مهلتها أو أُلغيت، وتزيل مهمة تنظيف أي بقايا بعد 20 دقيقة.
الأسئلة الشائعة
هل يُرفع HTML الخاص بي إلى خادم؟
نعم. يعمل التحويل على خادمنا بواسطة WeasyPrint، لذا يُرسل ما تلصقه أو ترفعه عبر HTTPS ويُعالج مؤقتًا ويُحذف تلقائيًا بعد تسليم ملف PDF.
لماذا تغيب الصور من ملف PDF؟
لأن الصور المشار إليها بعنوان URL لا تُجلب أبدًا لأسباب أمنية. حوّلها إلى data URI وضمّنها مباشرة في HTML ثم أعد التحويل.
هل تُنفَّذ JavaScript قبل إنشاء PDF؟
لا. لا تُنفَّذ السكربتات، فلن يظهر ما كانت ستنشئه مثل المخططات المرسومة في المتصفح أو المحتوى المحمَّل ديناميكيًا. قدّم HTML النهائي بدلًا من ذلك.
هل يمكنني تحويل صفحة ويب بإدخال عنوانها؟
لا. تحوّل هذه الأداة HTML الذي تلصقه أو ترفعه ولا تزور عناوين الويب. احفظ مصدر الصفحة أولًا كملف مكتفٍ بذاته إن أردت تحويلها.
ما أحجام الصفحات والهوامش المتاحة؟
يمكنك اختيار A4 أو US Letter وضبط الهوامش في الأداة. ويمكن لـ CSS الخاص بك (@page) ضبطها أكثر.