Konvertera presentationer till HTML5 i JavaScript

Ö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:

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

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

Du kan vilja ange inställningar för formanimationer och bildövergångar på detta sätt:

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:

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:

<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 kunna applicera stilar eller animera specifika element.

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:

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”.

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 utdata‑dokumentet. För att göra detta måste du ange visningsparametrarna för kommentarer i notes_comments_layouting‑egenskapen hos klassen Html5Options.

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

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.

Kommentarerna i det exporterade HTML5‑dokumentet

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 och bildövergångar.

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 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 som låter dig hoppa över hyperlänkar med JavaScript‑anrop under sparande. Detta hjälper till att följa strikta säkerhetspolicyer.

Exportera presentationer till XAML i JavaScript