1. 製品
  2.   プレゼンテーション
  3.   Node.js
  4.   HTML2PPTX
 
  

無料Node.jsライブラリを使用したHTMLからPowerPoint PPTXへの変換

シンプルなものから高度な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 グラデーションは背景に使用でき、フレックスボックスを使ってコンテンツを垂直・水平に簡単にセンタリングできます。以下の例は、絶対位置指定を利用して "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は、現代のウェブ開発が依存する複雑なレイアウトシステムをサポートしています。このツールは、絶対位置指定、相対位置指定、そしてフレックスボックスレイアウトを高い精度で処理します。最近のアップデートでは、特にフレックスボックスのカラムレイアウトに対応し、すべての要素が適切な間隔で正しく表示されるようにしました—以前の表示問題を解決した重要な修正です。

 日本