1. 제품
  2.   프레젠테이션
  3.   Node.js
  4.   HTML2PPTX
 
  

무료 Node.js 라이브러리를 통한 HTML을 PowerPoint PPTX로 변환

간단한 HTML뿐만 아니라 고급 HTML 코드를 로드하고 PowerPoint PPTX 프레젠테이션으로 변환하는 유용한 오픈 소스 Node.js PowerPoint 라이브러리.

HTML2PPTX란 무엇인가요?

HTML 콘텐츠를 PowerPoint 프레젠테이션으로 변환하는 것은 전통적으로 번거롭고 수동적인 과정이었습니다. HTML2PPTX는 단 하나의 명령으로 모든 HTML 파일을 전문적인 PowerPoint 프레젠테이션으로 변환하는 자동화 솔루션을 제공함으로써 모든 것을 바꿉니다. 이 강력한 Node.js 라이브러리 및 명령줄 도구는 수동 개입이 필요 없도록 하며, 콘텐츠의 스타일, 레이아웃 및 구조를 매끄럽게 보존합니다. 이 라이브러리는 설정 없이 자동 변환, 고급 레이아웃 처리, CSS 변환, 이미지 및 SVG 변환, 하이퍼링크 보존 등 다양한 기능을 지원합니다.

HTML2PPTX는 HTML 파일을 PowerPoint 프레젠테이션(.pptx 형식)으로 자동 변환하도록 설계된 오픈 소스 Node.js 라이브러리입니다. 특수 구조의 HTML과 CSS를 손쉽게 파싱하는 클라이언트 측 JavaScript 라이브러리입니다. 자동 보고 시스템을 구축하는 개발자이든, 웹 목업을 프레젠테이션으로 변환하는 디자이너이든, 웹 콘텐츠를 재활용하려는 콘텐츠 제작자이든, HTML2PPTX는 바로 사용할 수 있는 간단한 솔루션을 제공합니다. 이 도구는 HTML 구조를 지능적으로 파싱하고, CSS 스타일을 추출하며, 웹 요소를 PowerPoint 대응 요소에 매핑하면서 원본 디자인의 시각적 충실성을 유지합니다.

Previous Next

HTML2PPTX 시작하기

HTML2PPTX를 설치하는 권장 방법은 npm을 사용하는 것입니다. 원활한 설치를 위해 다음 명령을 사용하십시오.

npm을 통해 HTML2PPTX 설치

 npm install html2pptx
또한 Aspose 제품 릴리스 페이지에서 직접 다운로드할 수 있습니다.

Node.js에서 간단한 HTML을 PPTX로 변환

HTML2PPTX 라이브러리는 Node.js 애플리케이션 내에서 HTML 코드를 로드하고 PowerPoint PPTX 프레젠테이션으로 변환하는 강력한 기능을 포함하고 있습니다. 가장 간단한 프로그래밍 접근 방식은 convertHTML2PPTX 함수를 사용하는 것입니다. 이 함수는 Promise를 반환하여 비동기 워크플로에 적합합니다. 성공 콜백은 생성된 프레젠테이션에 대한 정보를 제공하고, 오류는 잡혀 적절히 처리될 수 있습니다.

Node.js를 사용하여 간단한 HTML 코드를 PowerPoint PPTX 파일로 변환하는 방법은?

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);
  });

Node.js 내부에서 고급 HTML을 PPTX로 변환

HTML2PPTX 라이브러리는 간단한 변환은 물론 고급 및 보다 세밀한 HTML을 PPTX 파일로 변환하는 지원을 포함하고 있습니다. 변환 프로세스를 더 많이 제어하려면 사용자 정의 설정으로 HTML2PPTX 인스턴스를 생성하십시오. 이 접근 방식은 특정 프레젠테이션 요구 사항에 맞는 슬라이드 크기를 정의할 수 있게 합니다. 기본 16:9 종횡비는 대부분의 최신 디스플레이에 잘 맞지만, 구형 프로젝터용 4:3과 같은 다른 형식에 맞게 값을 조정할 수 있습니다.

Node.js 애플리케이션 내에서 고급 HTML을 PPTX 프레젠테이션으로 변환하는 방법은?

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);
  });

Node.js 내부에서 CSS를 활용한 강력한 스타일링

HTML2PPTX의 가장 강력한 기능 중 하나는 CSS에 대한 광범위한 지원입니다. 웹 페이지를 스타일링할 때와 마찬가지로 슬라이드의 모든 요소의 레이아웃, 외관 및 위치를 제어할 수 있습니다. 이 CSS 그라디언트를 배경으로 사용하고 flexbox를 이용해 콘텐츠를 수직 및 수평으로 쉽게 중앙에 배치할 수 있습니다. 다음 예제는 사용자가 절대 위치 지정을 사용하여 오른쪽 하단 모서리에 "Confidential" 워터마크를 배치하는 방법을 보여주며, 요소 배치에 대한 정밀한 제어를 시연합니다.

Node.js에서 이미지 및 SVG 변환

오픈 소스 Node.js 라이브러리 HTML2PPTX는 PowerPoint 프레젠테이션 변환에 대한 완전한 지원을 포함하고 있습니다. ‘img’ 태그를 PowerPoint 슬라이드 이미지로 변환하고 ‘svg’ 요소도 지원합니다: HTML에 포함된 이미지가 자동으로 추출되어 PowerPoint 프레젠테이션에 삽입됩니다. 더욱 인상적인 점은 HTML2PPTX가 SVG 그래픽을 PowerPoint 고유 요소로 변환하여 SVG 도형, 선 및 텍스트를 평면 이미지가 아닌 편집 가능한 PowerPoint 객체로 바꾼다는 것입니다. 다음은 이미지와 벡터 도형 텍스트가 포함된 슬라이드로 변환될 수 있는 HTML 코드를 보여줍니다.

Node.js 애플리케이션 내에서 HTML 이미지를 PowerPoint 이미지로 변환하는 방법은?

Logo
SVG Example

고급 레이아웃 처리

HTML2PPTX는 현대 웹 개발이 의존하는 복잡한 레이아웃 시스템을 지원합니다. 이 도구는 절대 위치 지정, 상대 위치 지정 및 플렉스박스 레이아웃을 인상적인 정확도로 처리합니다. 최근 업데이트에서는 플렉스박스 컬럼 레이아웃을 특별히 다루어 모든 요소가 적절한 간격으로 올바르게 렌더링되도록 보장했으며, 이는 이전 렌더링 문제를 해결한 중요한 수정 사항입니다.

 한국인