Перетворення 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 — для центрування вмісту вертикально та горизонтально без зусиль. Наведений нижче приклад демонструє, як користувачі можуть застосувати абсолютне позиціонування, щоб розмістити водяний знак "Confidential" у правому нижньому куті, демонструючи точний контроль над розташуванням елементів.

Перетворення зображень та SVG у Node.js

Відкрита бібліотека Node.js HTML2PPTX включає повну підтримку конвертації презентацій PowerPoint. Вона перетворює теги ‘img’ у зображення слайдів PowerPoint і також підтримує елементи ‘svg’:\n Зображення, вбудовані у ваш HTML, автоматично витягуються та вставляються у презентацію PowerPoint. Ще вражаюче, HTML2PPTX конвертує графіку SVG у нативні елементи PowerPoint, перетворюючи форми, лінії та текст SVG у редаговані об’єкти PowerPoint, а не у сплющені зображення. Нижче показано HTML‑код, який можна перетворити у слайд із зображенням та векторним текстом форми. Зображення, вбудовані у ваш HTML, автоматично витягуються та вставляються у презентацію PowerPoint. Що ще вражає, HTML2PPTX перетворює графіку SVG у елементи, властиві PowerPoint, трансформуючи форми, лінії та текст SVG у редаговані об’єкти PowerPoint, а не у сплющені зображення. Нижче показано HTML‑код, який можна перетворити у слайд із зображенням та текстом векторної форми.

Розширене управління макетом

HTML2PPTX підтримує складні системи розташування, на які покладається сучасна веб-розробка. Інструмент обробляє абсолютне позиціонування, відносне позиціонування та макети flexbox з вражаючою точністю. Останні оновлення спеціально вирішили питання макетів flexbox у колонках, забезпечуючи правильне відображення всіх елементів з належними відступами — критичне виправлення, яке усунуло попередні проблеми з рендерингом.