Преобразование презентаций в HTML5 на JavaScript

Aspose.Slides поддерживает экспорт в HTML5. Процесс экспорта в HTML5 позволяет преобразовать PowerPoint в HTML без веб‑расширений и зависимостей. Таким образом, используя собственные шаблоны, вы можете применять очень гибкие параметры, определяющие процесс экспорта и полученные HTML, CSS, JavaScript и атрибуты анимации.

Экспорт PowerPoint в HTML5

Этот JavaScript‑код показывает, как экспортировать презентацию в HTML5 без веб‑расширений и зависимостей:

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

В этом случае вы получаете чистый HTML.

Вы можете задать параметры анимации фигур и переходов слайдов следующим образом:

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

Экспорт PowerPoint в HTML

Этот JavaScript демонстрирует стандартный процесс экспорта PowerPoint в HTML:

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

В этом случае содержимое презентации визуализируется через SVG в виде, как показано ниже:

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

Note

При использовании этого метода экспорта PowerPoint в HTML, из‑за визуализации SVG вы не сможете применять стили или анимировать отдельные элементы.

Экспорт PowerPoint в HTML5 в режиме просмотра слайдов

Aspose.Slides позволяет преобразовать презентацию PowerPoint в документ HTML5, в котором слайды отображаются в режиме просмотра слайдов. В этом случае, открывая полученный файл HTML5 в браузере, вы видите презентацию в режиме просмотра слайдов на веб‑странице.

Этот JavaScript‑код демонстрирует процесс экспорта PowerPoint в 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();
    }
}

Преобразовать презентацию в документ HTML5 с комментариями

Комментарии в PowerPoint — это инструмент, позволяющий пользователям оставлять заметки или отзывы к слайдам презентации. Они особенно полезны в совместных проектах, где несколько человек могут добавлять свои предложения или замечания к конкретным элементам слайда, не изменяя основное содержание. Каждый комментарий отображает имя автора, что упрощает отслеживание, кто оставил замечание.

Допустим, у нас есть следующая презентация PowerPoint, сохранённая в файле “sample.pptx”.

Два комментария на слайде презентации

При преобразовании презентации PowerPoint в документ HTML5 вы можете легко указать, следует ли включать комментарии из презентации в выходной документ. Для этого необходимо задать параметры отображения комментариев в свойстве notes_comments_layouting класса Html5Options.

Следующий пример кода преобразует презентацию в документ HTML5 с комментариями, отображаемыми справа от слайдов.

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

Документ “output.html” показан на изображении ниже.

Комментарии в выводимом документе HTML5

FAQ

Могу ли я контролировать, будут ли анимации объектов и переходы слайдов воспроизводиться в HTML5?
Да, в HTML5 имеются отдельные параметры для включения или отключения анимации фигур и переходов слайдов.

Поддерживается ли вывод комментариев и где их можно разместить относительно слайда?
Да, комментарии могут быть добавлены в HTML5 и размещены (например, справа от слайда) с помощью настроек расположения для заметок и комментариев.

Могу ли я пропустить ссылки, вызывающие JavaScript, по соображениям безопасности или CSP?
Да, существует параметр, позволяющий пропускать гиперссылки с вызовами JavaScript при сохранении. Это помогает соответствовать строгим политическим требованиям безопасности.

Просмотрщик презентаций