# Konvertera presentationer till HTML5 i JavaScript
> Exportera PowerPoint och OpenDocument-presentationer till responsiv HTML5 med Aspose.Slides för Node.js. Bevara formatering, animationer och interaktivitet.
Source: https://docs.aspose.com/slides/sv/nodejs-java/export-to-html5/
Updated: 2026-06-11
## **Översikt**
Denna artikel förklarar hur du konverterar PowerPoint‑presentationer till HTML5 med Aspose.Slides. Den täcker grundläggande HTML5‑export utan webb‑tillägg eller extra beroenden, samt alternativ för att styra formanimationer och bildövergångar. Artikeln visar också den standardiserade PowerPoint‑till‑HTML‑exportprocessen, förklarar hur du genererar HTML5‑utdata i bildvyläge och demonstrerar hur du inkluderar kommentarer i det exporterade dokumentet genom att konfigurera deras layout.
## **Exportera PowerPoint till HTML5**
Den här JavaScript‑koden visar hur du exporterar en presentation till HTML5 utan webb‑tillägg och beroenden:
```javascript
var pres = new aspose.slides.Presentation("pres.pptx");
try {
pres.save("pres.html", aspose.slides.SaveFormat.Html5);
} finally {
if (pres != null) {
pres.dispose();
}
}
```
{{% alert color="primary" %}}
I det här fallet får du ren HTML.
{{% /alert %}}
Du kan vilja ange inställningar för formanimationer och bildövergångar på detta sätt:
```javascript
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();
}
}
```
## **Exportera PowerPoint till HTML**
Denna JavaScript‑kod demonstrerar den standardiserade PowerPoint‑till‑HTML‑processen:
```javascript
var pres = new aspose.slides.Presentation("pres.pptx");
try {
pres.save("pres.html", aspose.slides.SaveFormat.Html);
} finally {
if (pres != null) {
pres.dispose();
}
}
```
I det här fallet renderas presentationsinnehållet via SVG i en form som denna:
```html
```
{{% alert title="Note" color="warning" %}}
När du använder denna metod för att exportera PowerPoint till HTML, på grund av SVG‑renderingen, kommer du inte kunna applicera stilar eller animera specifika element.
{{% /alert %}}
## **Exportera PowerPoint till HTML5‑bildvy**
**Aspose.Slides** gör det möjligt att konvertera en PowerPoint‑presentation till ett HTML5‑dokument där bilderna visas i bildvyläge. I det här fallet, när du öppnar den resulterande HTML5‑filen i en webbläsare, ser du presentationen i bildvyläge på en webbsida.
Denna JavaScript‑kod demonstrerar PowerPoint‑till‑HTML5‑bildvy‑exportprocessen:
```javascript
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();
}
}
```
## **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 samarbetsprojekt, där flera personer kan lägga till sina förslag eller kommentarer till specifika bildelement utan att ändra huvudinnehållet. Varje kommentar visar författarens namn, vilket gör det enkelt att spåra vem som lagt kommentaren.
Låt oss säga att vi har följande PowerPoint‑presentation sparad i filen "sample.pptx".
När du konverterar en PowerPoint‑presentation till ett HTML5‑dokument kan du enkelt ange om kommentarer från presentationen ska inkluderas i utdata‑dokumentet. För att göra detta måste du ange visningsparametrarna för kommentarer i `notes_comments_layouting`‑egenskapen hos klassen [Html5Options](https://reference.aspose.com/slides/sv/nodejs-java/aspose.slides/html5options/).
Följande kodexempel konverterar en presentation till ett HTML5‑dokument med kommentarer placerade till höger om bilderna.
```javascript
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();
```
Dokumentet "output.html" visas i bilden nedan.
## **FAQ**
**Kan jag styra om objektanimationer och bildövergångar ska spelas i HTML5?**
Ja, HTML5 erbjuder separata alternativ för att aktivera eller inaktivera [formanimationer](https://reference.aspose.com/slides/sv/nodejs-java/aspose.slides/html5options/setanimateshapes/) och [bildövergångar](https://reference.aspose.com/slides/sv/nodejs-java/aspose.slides/html5options/setanimatetransitions/).
**Stöds utdata av kommentarer, och var kan de placeras relativt bilden?**
Ja, kommentarer kan läggas till i HTML5 och placeras (till exempel till höger om bilden) via [layoutinställningar](https://reference.aspose.com/slides/sv/nodejs-java/aspose.slides/html5options/#setNotesCommentsLayouting) för anteckningar och kommentarer.
**Kan jag hoppa över länkar som anropar JavaScript av säkerhets‑ eller CSP‑skäl?**
Ja, det finns en [inställning](https://reference.aspose.com/slides/sv/nodejs-java/aspose.slides/saveoptions/#setSkipJavaScriptLinks) som låter dig hoppa över hyperlänkar med JavaScript‑anrop under sparande. Detta hjälper till att följa strikta säkerhetspolicyer.