HTML5へのエクスポート

情報

Aspose.Slides 21.9 では、HTML5エクスポートのサポートを実装しました。ただし、WebExtensionsを使用してPowerPointをHTMLにエクスポートすることを希望される場合は、この記事をご覧ください。

ここでのHTML5へのエクスポートプロセスでは、WebExtensionsや依存関係を使用せずにPowerPointをHTMLに変換できます。この方法では、自分自身のテンプレートを使用して、エクスポートプロセスと生成されるHTML、CSS、JavaScript、アニメーション属性を定義する非常に柔軟なオプションを適用できます。

PowerPointをHTML5にエクスポート

このC#コードは、WebExtensionsや依存関係を使用せずにプレゼンテーションをHTML5にエクスポートする方法を示しています。

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("pres.html", SaveFormat.Html5);
}

この場合、クリーンなHTMLが得られます。

この方法で形状のアニメーションやスライドのトランジションの設定を指定することができます。

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("pres5.html", SaveFormat.Html5, new Html5Options
   {
       AnimateShapes = false,
       AnimateTransitions = false
   });
}

PowerPointをHTMLにエクスポート

このC#コードは、標準のPowerPointからHTMLへのプロセスを示しています。

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("pres.html", SaveFormat.Html);
}

この場合、プレゼンテーションの内容はSVGを介して次のようにレンダリングされます。

<body>
<div class="slide" name="slide" id="slideslideIface1">
     <svg version="1.1">
         <g> スライドの内容はここに入ります </g>
     </svg>
</div>
</body>

注意

この方法を使用してPowerPointをHTMLにエクスポートすると、SVGレンダリングにより、特定の要素にスタイルを適用したりアニメートしたりすることができなくなります。

PowerPointをHTML5スライドビューにエクスポート

Aspose.Slidesを使用すると、PowerPointプレゼンテーションをHTML5文書に変換し、スライドがスライドビューモードで表示されます。この場合、結果として得られたHTML5ファイルをブラウザで開くと、ウェブページ上でスライドビューのモードでプレゼンテーションが表示されます。

このC#コードは、PowerPointをHTML5スライドビューにエクスポートするプロセスを示しています。

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("HTML5-slide-view.html", SaveFormat.Html5, new Html5Options
   {
       AnimateShapes = true,
       AnimateTransitions = true
   });
}

コメント付きのプレゼンテーションをHTML5文書に変換する

PowerPointのコメントは、ユーザーがプレゼンテーションスライドにメモやフィードバックを残すことを許可するツールです。これは特に共同作業プロジェクトで便利で、複数の人がメインコンテンツを変更することなく特定のスライド要素に提案やメモを追加できます。各コメントは著者の名前を表示し、誰がメモを残したかを追跡しやすくします。

以下のPowerPointプレゼンテーションが「sample.pptx」というファイルに保存されているとします。

プレゼンテーションスライドの2つのコメント

PowerPointプレゼンテーションをHTML5文書に変換する際、出力文書にプレゼンテーションからのコメントを含めるかどうかを簡単に指定できます。これを行うには、Html5OptionsクラスのNotesCommentsLayoutingプロパティでコメントの表示パラメータを指定する必要があります。

以下のコード例は、スライドの右側に表示されるコメント付きでプレゼンテーションをHTML5文書に変換します。

var html5Options = new Html5Options
{
    NotesCommentsLayouting =
    {
        CommentsPosition = CommentsPositions.Right
    }
};

using var presentation = new Presentation("sample.pptx");
presentation.Save("output.html", SaveFormat.Html5, html5Options);

「output.html」文書は、以下の画像に示されています。

出力HTML5文書のコメント

XAMLへのエクスポート