Конвертация 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’: Изображения, встроенные в ваш HTML, автоматически извлекаются и вставляются в презентацию PowerPoint. Что более впечатляюще, HTML2PPTX преобразует графику SVG в элементы, родные для PowerPoint, превращая формы, линии и текст SVG в редактируемые объекты PowerPoint, а не в сплющенные изображения. Ниже показан HTML‑код, который может быть преобразован в слайд с изображением и текстом векторной формы.

Продвинутая обработка макета

HTML2PPTX поддерживает сложные системы компоновки, на которые опирается современная веб-разработка. Инструмент обрабатывает абсолютное позиционирование, относительное позиционирование и макеты flexbox с впечатляющей точностью. Последние обновления специально исправили макеты колонок flexbox, обеспечивая корректный рендер всех элементов с правильными отступами — критическое исправление, решившее предыдущие проблемы отображения.