Integrar la vista previa con otras aplicaciones web

Puede integrar rápidamente el módulo de vista previa web de OpenKM en otras aplicaciones web.

Ventajas:

• Integración rápida en un iframe de su propia aplicación web.
• Todos los tipos MIME de OpenKM admitidos por los módulos de vista previa.
• Puede utilizarse sin haber iniciado sesión en OpenKM.
• Permite previsualizar documentos que no están en OpenKM.

Consejo

Si su OpenKM está disponible en http://your_domain/openkm, la URL del módulo de vista previa de OpenKM debería ser http://your\_domain/openkm/Preview?docUrl=http://localhost/test.pdf

Nota

Los tipos MIME admitidos dependen de la configuración de su OpenKM y del servicio de conversión.

Estos componentes previsualizan los tipos de fichero más comunes:

• PDF, Microsoft Office y OpenOffice
• Imágenes como JPG, PNG, TIFF, MP4, MP3
• Ficheros de código fuente como Java, PHP, HTML, SQL

Parámetros de la vista previa:

Parámetro	Tipo	Descripción
docUrl	String	La URL completa de un documento. Recomendamos utilizarlo para todos los tipos de fichero.
swfUrl	String	La URL completa de un fichero .swf.
dxfUrl	String	La URL completa de un fichero .dxf.
dwfUrl	String	La URL completa de un fichero .dwf.
htmUrl	String	La URL completa de un fichero .html.
codUrl	String	La URL completa de un fichero de código, por ejemplo .java, .php, etc.
mpgUrl	String	La URL completa de un fichero .mp4 o .mp3.
pdfUrl	String	La URL completa de un documento PDF. Requerido por el visor Flexpaper.
file	String	La URL completa de un documento PDF. Requerido por el visor PDF.js. PDF.js también requiere el parámetro pdfUrl.
previewEngine	String	El tipo de vista previa que utilizará el servidor. Por defecto es PDF.js, pero con este parámetro puede forzar Flexpaper. OpenKM admite Flexpaper y PDF.js como visores de PDF.

Ejemplo de código

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document Preview</title>
</head>

<body>
    <div align="left">
        Left panel
    </div>
    <div align="right">
        Preview panel<br />
        <iframe src="http://localhost:8080/openkm/Preview?docUrl=http://localhost/test.pdf"
            style="width:800px; height:600px" frameborder="0" marginwidth="0" marginheight="0" />
    </div>
</body>

</html>



 Left panel



 Preview panel