Exportar a HTML5

Información

En Aspose.Slides 21.9, implementamos soporte para exportación a HTML5.

El proceso de exportación a HTML5 aquí le permite convertir PowerPoint a HTML sin extensiones web ni dependencias. De este modo, usando sus propias plantillas, puede aplicar opciones muy flexibles que definen el proceso de exportación y el HTML, CSS, JavaScript y atributos de animación resultantes.

Exportar PowerPoint a HTML5

Este código JavaScript muestra cómo exportar una presentación a HTML5 sin extensiones web ni dependencias:

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

En este caso, obtiene HTML limpio.

Puede especificar configuraciones para animaciones de formas y transiciones de diapositivas de esta manera:

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

Exportar PowerPoint a HTML

Este JavaScript demuestra el proceso estándar de 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();
    }
}

En este caso, el contenido de la presentación se renderiza mediante SVG en una forma como esta:

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

Nota

Al usar este método para exportar PowerPoint a HTML, debido a la renderización SVG, no podrá aplicar estilos ni animar elementos específicos.

Exportar PowerPoint a Vista de Diapositivas HTML5

Aspose.Slides le permite convertir una presentación de PowerPoint a un documento HTML5 en el que las diapositivas se presentan en modo vista de diapositivas. En este caso, al abrir el archivo HTML5 resultante en un navegador, verá la presentación en modo vista de diapositivas en una página web.

Este código JavaScript muestra el proceso de exportación a Vista de Diapositivas 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();
    }
}

Convertir una Presentación a un Documento HTML5 con Comentarios

Los comentarios en PowerPoint son una herramienta que permite a los usuarios dejar notas o comentarios en las diapositivas de la presentación. Son especialmente útiles en proyectos colaborativos, donde varias personas pueden añadir sus sugerencias o observaciones a elementos específicos de la diapositiva sin alterar el contenido principal. Cada comentario muestra el nombre del autor, lo que facilita identificar quién dejó la observación.

Supongamos que tenemos la siguiente presentación de PowerPoint guardada en el archivo “sample.pptx”.

Dos comentarios en la diapositiva de la presentación

Al convertir una presentación de PowerPoint a un documento HTML5, puede especificar fácilmente si se incluyen los comentarios de la presentación en el documento de salida. Para ello, debe establecer los parámetros de visualización de los comentarios en la propiedad notes_comments_layouting de la clase Html5Options.

El siguiente ejemplo de código convierte una presentación a un documento HTML5 con los comentarios mostrados a la derecha de las diapositivas.

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

El documento “output.html” se muestra en la imagen a continuación.

Los comentarios en el documento HTML5 de salida

Preguntas frecuentes

¿Puedo controlar si las animaciones de objetos y las transiciones de diapositivas se reproducen en HTML5?

Sí, HTML5 ofrece opciones independientes para habilitar o deshabilitar animaciones de formas y transiciones de diapositivas.

¿Se admite la salida de comentarios y dónde pueden ubicarse respecto a la diapositiva?

Sí, los comentarios pueden añadirse en HTML5 y posicionarse (por ejemplo, a la derecha de la diapositiva) mediante la configuración de diseño de notas y comentarios.

¿Puedo omitir enlaces que invoquen JavaScript por motivos de seguridad o CSP?

Sí, existe una configuración que permite omitir hipervínculos con llamadas a JavaScript durante el guardado. Esto ayuda a cumplir con políticas de seguridad estrictas.

Visor de presentaciones