Konvertera presentationer till HTML5 i .NET

Översikt

Den här artikeln förklarar hur man konverterar PowerPoint-presentationer till HTML5 med Aspose.Slides. Den täcker grundläggande HTML5-export utan webbläsartillägg eller ytterligare beroenden, samt alternativ för att styra formernas animationer och bildövergångar. Artikeln visar också den standardiserade PowerPoint‑till‑HTML-exportprocessen, förklarar hur man genererar HTML5‑utdata i bildvisningsläge och demonstrerar hur man inkluderar kommentarer i det exporterade dokumentet genom att konfigurera deras layout.

Exportera PowerPoint till HTML5

Den här C#-koden visar hur du exporterar en presentation till HTML5 utan webbläsartillägg och beroenden:

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

I det här fallet får du ren HTML.

Du kanske vill ange inställningar för formernas animationer och bildövergångar på detta sätt:

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

Exportera PowerPoint till HTML

Denna C#-kod demonstrerar den standardiserade PowerPoint‑till‑HTML‑processen:

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

I det här fallet renderas presentationsinnehållet via SVG på följande sätt:

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

Note

När du använder denna metod för att exportera PowerPoint till HTML, på grund av SVG-renderingen, kommer du inte att kunna applicera stilar eller animera specifika element.

Exportera PowerPoint till HTML5 bildvisning

Aspose.Slides gör att du kan konvertera en PowerPoint-presentation till ett HTML5-dokument där bilderna visas i bildvisningsläge. I det här fallet, när du öppnar den resulterande HTML5-filen i en webbläsare, ser du presentationen i bildvisningsläge på en webbsida.

Denna C#-kod demonstrerar exportprocessen för PowerPoint till HTML5‑bildvisning:

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

Konvertera en presentation till ett HTML5-dokument med kommentarer

Kommentarer i PowerPoint är ett verktyg som låter användare lämna anteckningar eller återkoppling på presentationsbilder. De är särskilt användbara i samarbeten, där flera personer kan lägga till sina förslag eller anmärkningar på specifika bildelement utan att ändra huvudinnehållet. Varje kommentar visar författarens namn, vilket gör det enkelt att följa vem som lämnade anmärkningen.

Låt oss säga att vi har följande PowerPoint-presentation sparad i filen “sample.pptx”.

Två kommentarer på presentationsbilden

När du konverterar en PowerPoint-presentation till ett HTML5-dokument kan du enkelt ange om kommentarer från presentationen ska inkluderas i utskriftsdokumentet. För att göra detta måste du specificera visningsparametrarna för kommentarer i egenskapen NotesCommentsLayouting i klassen Html5Options.

Följande kodexempel konverterar en presentation till ett HTML5-dokument med kommentarer placerade till höger om bilderna.

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

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

“output.html”-dokumentet visas på bilden nedan.

Kommentarerna i det exporterade HTML5-dokumentet

FAQ

Kan jag kontrollera om objektanimationer och bildövergångar spelas upp i HTML5?

Ja, HTML5 erbjuder separata alternativ för att aktivera eller inaktivera formanimationer och bildövergångar.

Stöds kommentarer i utdata, och var kan de placeras i förhållande till bilden?

Ja, kommentarer kan läggas till i HTML5 och placeras (t.ex. till höger om bilden) via layoutinställningar för anteckningar och kommentarer.

Kan jag hoppa över länkar som anropar JavaScript av säkerhets- eller CSP-anledningar?

Ja, det finns en inställning som låter dig hoppa över hyperlänkar med JavaScript-anrop vid sparning. Detta hjälper till att följa strikta säkerhetspolicyer.

Exportera presentationer till XAML i .NET