Cómo mostrar una vista previa de impresión de un documento HTML

Question

Tengo que mostrar algún contenido HTML, ya que será impreso. Básicamente, quiero emular la función de vista previa de impresión del navegador.

No estoy seguro de cómo hacer esto sólo con HTML / CSS / JavaScript. La única solución que se me ocurrió es convertir el HTML a PDF así que es divididos en páginas y luego convertir ese PDF a imágenes e imprimir cada imagen uno abajo del otro.

Será muy servicial si alguien puede señalar un método más adelante recta. Ni siquiera estoy seguro si esto es posibble.

Por cierto, estoy usando PHP en el back-end, así que si hay una clase PHP para este Será servicial.

El tamaño de página para diplaying será letra no importa lo que el usuario ha configurado

Esto cómo debe mirar en el navegador:

Answer 1

No creo que esto es posible. No se puede saber todos los impresos de configuración de los usuarios en el navegador (JavaScript) y definitivamente no en el servidor (PHP, ASP, Java).

actualización

Piense en ello de esta manera (por favor, tenga en cuenta que un decente 100% vista previa de impresión sólida no es posible):

• El usuario navega a la página y pide una vista previa de impresión
• sitio web ofrece la vista preliminar (preferentemente en un formato html, de lo contrario PNG o PDF)
• El usuario le gusta y quiere imprimir:
  1. Desde el navegador
  2. En algunos programa de visualización de imágenes / edición (PNG)
  3. Desde Acrobat (pdf)
• Cada solución de impresión tiene su propia impresión ... de diálogo. Puede cambiar los ajustes de impresión aquí.

Es el último punto en el que todo lo que quieres no ... Usted no tiene control sobre la salida más en ese punto (de su sitio web) ...

Answer 2

Como otros tienen punto de salir, no se puede hacer esto. Mi recomendación es que haga una versión "para imprimir" que sólo contiene un fondo blanco liso y el texto negro liso. Pero eso es lo más cerca que se puede llegar a la "vista previa de impresión" real.

Answer 3

HTML no fue el verdadero significado para el diseño de página, que estaba destinado a ser leído en la pantalla. ¿Por qué es la vista previa de la página navegadores no lo suficientemente bueno?

De todas formas, lo que podría hacer es tratar de convertir el HTML al látex o algo similar, y que hacen a un PDF o PNG en el lado del servidor y mostrar eso. Pero eso impediría el uso de diseños html muy complicados de lo contrario, ser bastante desagradable.

Answer 4

Creo que hay una solución simple.

Puede pedir usuario el tamaño de página y la parte superior, inferior, izquierdo márgenes derecho. A continuación, mostrar la página en PDF con esta configuración. PDF garantizará que la página se imprimirá tal como se genera.

Creo que este enfoque debería funcionar bien.