Converti le presentazioni in HTML5 con .NET

Panoramica

Questo articolo spiega come convertire le presentazioni PowerPoint in HTML5 utilizzando Aspose.Slides. Copre l’esportazione HTML5 di base senza estensioni web o dipendenze aggiuntive, nonché le opzioni per controllare le animazioni delle forme e le transizioni delle diapositive. L’articolo mostra anche il processo standard di esportazione da PowerPoint a HTML, spiega come generare output HTML5 in modalità visualizzazione diapositiva e dimostra come includere i commenti nel documento esportato configurandone il layout.

Esporta PowerPoint in HTML5

Questo codice C# mostra come esportare una presentazione in HTML5 senza estensioni web né dipendenze:

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

In questo caso, ottieni HTML pulito.

Puoi specificare le impostazioni per le animazioni delle forme e le transizioni delle diapositive in questo modo:

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

Esporta PowerPoint in HTML

Questo C# dimostra il processo standard di esportazione da PowerPoint a HTML:

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

In questo caso, il contenuto della presentazione viene renderizzato tramite SVG in una forma come questa:

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

Note

Quando usi questo metodo per esportare PowerPoint in HTML, a causa del rendering SVG, non potrai applicare stili o animare elementi specifici.

Esporta PowerPoint in Visualizzazione Diapositiva HTML5

Aspose.Slides consente di convertire una presentazione PowerPoint in un documento HTML5 in cui le diapositive sono presentate in modalità visualizzazione diapositiva. In questo caso, quando apri il file HTML5 risultante in un browser, visualizzi la presentazione in modalità visualizzazione diapositiva su una pagina web.

Questo codice C# dimostra il processo di esportazione da PowerPoint a Visualizzazione Diapositiva HTML5:

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

Converti una Presentazione in un Documento HTML5 con Commenti

I commenti in PowerPoint sono uno strumento che consente agli utenti di lasciare note o feedback sulle diapositive della presentazione. Sono particolarmente utili nei progetti collaborativi, dove più persone possono aggiungere suggerimenti o osservazioni a elementi specifici delle diapositive senza alterare il contenuto principale. Ogni commento mostra il nome dell’autore, rendendo facile tracciare chi ha lasciato l’osservazione.

Supponiamo di avere la seguente presentazione PowerPoint salvata nel file “sample.pptx”.

Due commenti sulla diapositiva della presentazione

Quando converti una presentazione PowerPoint in un documento HTML5, puoi specificare facilmente se includere i commenti della presentazione nel documento di output. Per farlo, devi specificare i parametri di visualizzazione dei commenti nella proprietà NotesCommentsLayouting della classe Html5Options.

Il seguente esempio di codice converte una presentazione in un documento HTML5 con i commenti visualizzati a destra delle diapositive.

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

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

Il documento “output.html” è mostrato nell’immagine seguente.

I commenti nel documento HTML5 di output

FAQ

Posso controllare se le animazioni degli oggetti e le transizioni delle diapositive verranno riprodotte in HTML5?

Sì, HTML5 fornisce opzioni separate per abilitare o disabilitare le animazioni delle forme e le transizioni delle diapositive.

Il supporto per l’output dei commenti è disponibile e dove possono essere posizionati rispetto alla diapositiva?

Sì, i commenti possono essere aggiunti in HTML5 e posizionati (ad esempio, a destra della diapositiva) tramite le impostazioni di layout per note e commenti.

Posso saltare i collegamenti che invocano JavaScript per motivi di sicurezza o CSP?

Sì, esiste una impostazione che consente di saltare i collegamenti ipertestuali con chiamate JavaScript durante il salvataggio. Questo aiuta a rispettare politiche di sicurezza rigorose.

Esporta presentazioni in XAML in .NET