Convertir des présentations en HTML5 dans .NET

Info

Dans Aspose.Slides 21.9, nous avons implémenté la prise en charge de l’exportation HTML5. Cependant, si vous préférez exporter votre PowerPoint en HTML en utilisant WebExtensions, consultez cet article à la place.

Le processus d’exportation vers HTML5 permet de convertir PowerPoint en HTML sans extensions web ni dépendances. Ainsi, en utilisant vos propres modèles, vous pouvez appliquer des options très flexibles qui définissent le processus d’exportation et le HTML, CSS, JavaScript et les attributs d’animation résultants.

Exporter PowerPoint vers HTML5

Ce code C# montre comment exporter une présentation vers HTML5 sans extensions web ni dépendances :

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

Dans ce cas, vous obtenez un HTML propre.

Vous pouvez spécifier les paramètres pour les animations de formes et les transitions de diapositives de cette façon :

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

Exporter PowerPoint vers HTML

Ce code C# illustre le processus standard d’exportation de PowerPoint vers HTML :

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

Dans ce cas, le contenu de la présentation est rendu via SVG sous une forme comme celle‑ci :

<body>
<div class="slide" name="slide" id="slideslideIface1">
     <svg version="1.1">
         <g> THE SLIDE CONTENT GOES HERE </g>
     </svg>
</div>
</body>

Note

Lorsque vous utilisez cette méthode pour exporter PowerPoint vers HTML, en raison du rendu SVG, vous ne pourrez pas appliquer de styles ni animer d’éléments spécifiques.

Exporter PowerPoint vers la Vue Diapositive HTML5

Aspose.Slides permet de convertir une présentation PowerPoint en document HTML5 dans lequel les diapositives sont présentées en mode vue diapositive. Dans ce cas, lorsque vous ouvrez le fichier HTML5 résultant dans un navigateur, vous voyez la présentation en mode vue diapositive sur une page Web.

Ce code C# démontre le processus d’exportation PowerPoint vers la Vue Diapositive HTML5 :

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

Convertir une Présentation en Document HTML5 avec Commentaires

Les commentaires dans PowerPoint sont un outil qui permet aux utilisateurs de laisser des notes ou des retours sur les diapositives de la présentation. Ils sont particulièrement utiles dans les projets collaboratifs, où plusieurs personnes peuvent ajouter leurs suggestions ou remarques à des éléments spécifiques des diapositives sans modifier le contenu principal. Chaque commentaire indique le nom de l’auteur, ce qui facilite le suivi de qui a laissé la remarque.

Supposons que nous ayons la présentation PowerPoint suivante enregistrée dans le fichier “sample.pptx”.

Deux commentaires sur la diapositive de la présentation

Lorsque vous convertissez une présentation PowerPoint en document HTML5, vous pouvez facilement spécifier s’il faut inclure les commentaires de la présentation dans le document de sortie. Pour ce faire, vous devez spécifier les paramètres d’affichage des commentaires dans la propriété NotesCommentsLayouting de la classe Html5Options .

L’exemple de code suivant convertit une présentation en document HTML5 avec les commentaires affichés à droite des diapositives.

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

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

Le document “output.html” est affiché sur l’image ci‑dessous.

Les commentaires dans le document HTML5 de sortie

FAQ

Puis‑je contrôler si les animations d’objets et les transitions de diapositives seront lues en HTML5 ?

Oui, HTML5 offre des options distinctes pour activer ou désactiver les animations de formes et les transitions de diapositives.

La sortie des commentaires est‑elle prise en charge, et où peuvent‑ils être placés par rapport à la diapositive ?

Oui, les commentaires peuvent être ajoutés en HTML5 et positionnés (par exemple, à droite de la diapositive) via les paramètres de mise en page pour les notes et les commentaires.

Puis‑je ignorer les liens qui invoquent du JavaScript pour des raisons de sécurité ou de CSP ?

Oui, il existe un paramètre qui permet d’ignorer les hyperliens contenant des appels JavaScript lors de la sauvegarde. Cela aide à respecter des politiques de sécurité strictes.

Exporter des présentations au format XAML en .NET