Converti le presentazioni in HTML5 con JavaScript

Panoramica

Questo articolo spiega come convertire 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 JavaScript mostra come esportare una presentazione in HTML5 senza estensioni web né dipendenze:

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

In questo caso, ottieni HTML pulito.

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

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();
    }
}

Esporta PowerPoint in HTML

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

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

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 utilizzi questo metodo per esportare PowerPoint in HTML, a causa del rendering SVG, non potrai applicare stili né 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, aprendo il file HTML5 risultante in un browser, si visualizza la presentazione in modalità visualizzazione diapositiva su una pagina web.

Questo codice JavaScript dimostra il processo di esportazione da PowerPoint a Visualizzazione Diapositiva 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();
    }
}

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 modificare il contenuto principale. Ogni commento mostra il nome dell’autore, facilitando l’individuazione di 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 impostare i parametri di visualizzazione per i commenti nella proprietà notes_comments_layouting della classe Html5Options .

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

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();

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 offre opzioni separate per abilitare o disabilitare le shape animations e le slide transitions.

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 layout settings per note e commenti.

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

Sì, esiste un setting che consente di omettere i collegamenti ipertestuali con chiamate JavaScript durante il salvataggio. Questo aiuta a rispettare le politiche di sicurezza restrittive.

Esporta presentazioni in XAML con JavaScript