تحويل HTML إلى PowerPoint PPTX عبر مكتبة Node.js مجانية

البدء مع HTML2PPTX

الطريقة الموصى بها لتثبيت HTML2PPTX هي باستخدام npm. يرجى استخدام الأمر التالي لتثبيت سلس.

 npm install html2pptx

تحويل HTML بسيط إلى PPTX في Node.js

تتضمن مكتبة HTML2PPTX ميزات قوية لتحميل وتحويل شفرة HTML إلى عرض تقديمي بصيغة PowerPoint PPTX داخل تطبيقات Node.js. النهج البرمجي الأكثر بساطة يستخدم الدالة convertHTML2PPTX. تُعيد هذه الدالة Promise، مما يجعلها مثالية لتدفقات العمل غير المتزامنة. يستقبل رد النداء الناجح معلومات حول العرض التقديمي المُنشأ، بينما يتم التقاط الأخطاء ويمكن التعامل معها بشكل مناسب.

How to Convert Siple  HTML 
const { convertHTML2PPTX } = require('html2pptx');

convertHTML2PPTX('input.html', 'output.pptx')
  .then(result => {
    console.log('Conversion successful!', result);
  })
  .catch(error => {
    console.error('Conversion failed:', error);
  });

تحويل HTML المتقدم إلى PPTX داخل Node.js

تتضمن مكتبة HTML2PPTX دعمًا للتحويل البسيط والمتقدم مع مزيد من التحكم في تحويل HTML إلى ملفات PPTX. للحصول على مزيد من التحكم في عملية التحويل، أنشئ كائن HTML2PPTX بإعدادات مخصصة. يتيح لك هذا النهج تحديد أبعاد الشرائح التي تتوافق مع متطلبات العرض التقديمي المحددة. نسبة العرض إلى الارتفاع الافتراضية 16:9 تعمل جيدًا لمعظم الشاشات الحديثة، ولكن يمكنك تعديل هذه القيم لتناسب صيغًا مختلفة مثل 4:3 لأجهزة العرض القديمة.

const { HTML2PPTX } = require('html2pptx');

const converter = new HTML2PPTX({
  slideWidth: 10,              // Width in inches
  slideHeight: 5.625,          // Height in inches (16:9 aspect ratio)
  background: { color: 'FFFFFF' }  // White background
});

converter.convert('input.html', 'output.pptx')
  .then(result => {
    console.log('Custom presentation created!', result);
  })
  .catch(error => {
    console.error('Error during conversion:', error);
  });

تنسيق قوي باستخدام CSS داخل Node.js

إحدى أقوى ميزات HTML2PPTX هي دعمه الواسع لـ CSS. يمكنك التحكم في تخطيط ومظهر وتموضع كل عنصر في شريحتك كما تفعل عند تنسيق صفحة ويب. يمكن استخدام هذا التدرج اللوني CSS للخلفية وFlexbox لتوسيط المحتوى عموديًا وأفقيًا بسهولة. يوضح المثال التالي كيف يمكن للمستخدمين استخدام التموضع المطلق لوضع علامة مائية "سري" في الزاوية السفلية اليمنى، مما يبرز التحكم الدقيق في موضع العناصر.

تحويل الصور و SVG في Node.js

تتضمن مكتبة Node.js المفتوحة المصدر HTML2PPTX دعمًا كاملاً لتحويل عروض PowerPoint. تحول وسوم ‘img ‘ إلى صور شرائح PowerPoint، وتدعم أيضًا عناصر ‘svg’:\nImages embedded in your HTML are automatically extracted and inserted into the PowerPoint presentation. More impressively, HTML2PPTX converts SVG graphics into PowerPoint-native elements, transforming SVG shapes, lines, and text into editable PowerPoint objects rather than flattened images. The following shows the HTML code which can be converted into a slide with the image and vector shape text. يتم استخراج الصور المضمنة في HTML الخاص بك تلقائيًا وإدراجها في عرض PowerPoint التقديمي. وبشكل أكثر إبهارًا، يقوم HTML2PPTX بتحويل رسومات SVG إلى عناصر أصلية في PowerPoint، حيث يحول أشكال SVG والخطوط والنص إلى كائنات PowerPoint قابلة للتحرير بدلاً من صور مسطحة. يوضح ما يلي شفرة HTML التي يمكن تحويلها إلى شريحة تحتوي على الصورة ونص الشكل المتجهي.

معالجة تخطيط متقدمة

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