Convertir des présentations en HTML5 en JavaScript

Aspose.Slides prend en charge l’exportation HTML5. Le processus d’exportation vers HTML5 vous 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 JavaScript montre comment exporter une présentation vers HTML5 sans extensions Web ni dépendances :

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save("pres.html", aspose.slides.SaveFormat.Html5);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Dans ce cas, vous obtenez un HTML propre.

Vous pouvez spécifier les paramètres des animations de formes et des transitions de diapositive de cette manière :

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var html5Options = new aspose.slides.Html5Options();
    html5Options.setAnimateShapes(false);
    html5Options.setAnimateTransitions(false);
    pres.save("pres5.html", aspose.slides.SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Exporter PowerPoint vers HTML

Ce JavaScript démontre le processus standard d’exportation de PowerPoint vers HTML :

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save("pres.html", aspose.slides.SaveFormat.Html);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

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 des éléments spécifiques.

Exporter PowerPoint vers la vue diapositive HTML5

Aspose.Slides permet de convertir une présentation PowerPoint en un 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 JavaScript montre le processus d’exportation PowerPoint vers la vue diapositive HTML5 :

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var html5Options = new aspose.slides.Html5Options();
    html5Options.setAnimateShapes(true);
    html5Options.setAnimateTransitions(true);
    pres.save("HTML5-slide-view.html", aspose.slides.SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

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 d’une diapositive sans modifier le contenu principal. Chaque commentaire indique le nom de l’auteur, ce qui facilite le suivi de l’auteur de 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é notes_comments_layouting de la classe Html5Options.

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

let html5Options = new aspose.slides.Html5Options();
html5Options.getNotesCommentsLayouting().setCommentsPosition(aspose.slides.CommentsPositions.Right);

let presentation = new aspose.slides.Presentation("sample.pptx");
presentation.save("output.html", aspose.slides.SaveFormat.Html5, html5Options);
presentation.dispose();

Le document “output.html” est affiché dans 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 diapositive seront jouées en HTML5 ?

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

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 vous permet d’ignorer les hyperliens contenant des appels JavaScript lors de l’enregistrement. Cela aide à respecter des politiques de sécurité strictes.

Visionneuse de présentation