تحويل HTML إلى PDF

كيفية تحويل HTML إلى PDF في ثلاث خطوات

الخطوة الأولى: الصق شيفرتك أو استورد ملف html. محفوظًا. تُنسَّق الشيفرة داخل إطار خاص بها منفصل عن هذه الصفحة، فلا تختلط أنماط هذه الصفحة بأنماطك. يمكنك سحب الملف وإفلاته أو النقر لاختياره من جهازك.

الخطوة الثانية: راجع المعاينة للتأكد من المظهر. يعرضها المتصفح، ثم تصبح كل صفحة في ملف PDF النهائي صورة PNG من ذلك العرض. يعمل العرض بضعف الحجم النهائي، نحو 144 dpi. يكفي ذلك للشاشات وطابعات المكاتب، أما للمطابع التجارية فتبدأ البكسلات بالظهور.

الخطوة الثالثة: انقر تنزيل لحفظ ملف PDF مباشرة من الذاكرة. هذه الأداة مجانية وآمنة: دون تثبيت ودون تسجيل، ولا تغادر شيفرة HTML هذا التبويب أبدًا. واعلم من البداية: النص غير قابل للتحديد، وCtrl+F لا يجد شيئًا في الناتج، وقارئات الشاشة لا تحصل على شيء.

متى تكون الصورة هي الجواب الصحيح

التنقيط فكرة سيئة للعقود التي يحتاج أحدهم تتبعها. وهو يعمل جيدًا عندما يكون مظهر الصفحة هو الأهم.

لصق الشيفرة ليس كفتح الملف

لا يقرأ زر استيراد html. إلا نص ذلك الملف وحده لا أكثر. فلا تتبعه ورقة الأنماط المجاورة ولا الشعار في مجلد الصور ولا خطوط الويب في مجلد الخطوط، لأن المتصفح لن يسلّم بقية قرصك لصفحة ويب.

تفشل المسارات النسبية بصمت. تُعرَض شيفرتك هنا لا في المجلد الذي حُفظ فيه الملف، فيُقرَأ المسار src="logo.png" نسبة إلى oxygenpdf.com فلا يجد شيئًا. أما روابط https:// المطلقة فتُحمَّل ما دام الخادم يرد بترويسات CORS.

لا تعمل النصوص البرمجية أبدًا. فالشيفرة المضافة بهذه الطريقة لا تشغّل وسومها البرمجية، لذلك يظهر تطبيق الصفحة الواحدة المحفوظ من المتصفح شبه فارغ. والملف الذي تحفظه هو الهيكل لا الناتج المعروض. انسخ كائن DOM الحي من فاحص العناصر والصقه بدلًا منه. والموثوق حمله دائمًا هو المستقل بذاته: كتل الأنماط داخل الملف وسمات الأنماط المضمّنة والصور المكتوبة كعناوين بيانات URI.

المقارنة

ثلاث طرق لإدخال HTML في PDF، مع عيوب كل منها.

ما يبقى وأين تُقطَع الصفحات

تبقى الألوان والتدرجات والأُطر والزوايا الدائرية وظلال الصناديق والشفافية وتحويلات CSS وظلال النص والجداول والقوائم وSVG المضمّن كلها. يعيد العارض رسم كل صندوق بنفسه بدل طلب لقطة شاشة من نظام التشغيل، فتُهمَل بصمت قلة من المؤثرات الحديثة التي لا مقابل مباشر لها: المرشحات والضبابية blur() وأنماط المزج mix-blend-mode ومرشح الخلفية backdrop-filter ومسارات القصّ clip-path والأقنعة.

تُنسَّق شيفرتك داخل نافذة عرض بعرض نحو 515 بكسل، وهو عرض محتوى A4 مقاسًا ببكسلات CSS. لذلك تُعرَض الصفحات المتجاوبة عند نقطة توقفها الضيقة، ولا تُفعَّل أبدًا قاعدة ‎@media (min-width: 768px)‎. وإذا كان تخطيطك لا يبدو صحيحًا إلا فوق 768 بكسل، فلن يبدو صحيحًا هنا.

تُقطَّع الصورة النهائية الممتدة إلى شرائح بارتفاع الصفحة على فواصل ثابتة. والقصّ آلي لا يراعي المحتوى تحته، فقد يقع سطر جدول أو عنوان نصفه في صفحة ونصفه في التالية. ولا تنفع قواعد page-break-inside في CSS، فادفع العناصر المحرجة عبر الحد بهوامش إضافية أو فواصل فارغة. يتسع لنحو 762 نقطة من المحتوى في كل صفحة.

شيفرة HTML لا تغادر هذا التبويب أبدًا

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

يحدث كامل العرض في التبويب المفتوح أصلًا: يرسم العارض شيفرتك، وتجمّع مكتبة PDF الصفحات، ويخرج التنزيل من الذاكرة مباشرة. لا يحمل أي شيء في الشبكة شيفرة HTML إلى أي مكان. أغلق التبويب فيختفي كل شيء.