Pregunta sobre Print-O-Matic de Wordpress:

Simplemente imprima contenido iFrame

Un usuario preguntó 👇

¡Hola!

Obtuve su plugin y espero que funcione para mí. He asegurado una página web. Esa página contiene iFrame que contiene resultados de búsqueda en la base de datos. Solo quería imprimir el contenido del iFrame. Lo que he hecho hasta ahora es:

<div id="print_target">This is the simple print target for the page
[print-me target="#print_target"]
<iframe width='1300px'  height='1000px' frameBorder='0' src='https://trunao.com/form/Sharelink/---------/embed'></iframe>
</div>

Lo que he hecho no está funcionando lo suficiente. Solo la información del encabezado de la base de datos aparece en la vista previa de impresión.

¿Me ayudarías a corregir mi código? En última instancia, quiero poder imprimir en PDF el contenido dentro del iFrame.

¡Gracias por tu ayuda!

buena voluntad,

Frederick

(@twinpictures)

Hace 4 meses, 3 semanas

Dos opciones 1. Dar más pausa antes de imprimir mientras usa el atributo pause_beofre_print o configurarlo globalmente en la configuración del plugin.

2. Hay una reescritura completa del plugin que debería funcionar mucho mejor para usted. Puede descargar e instalar manualmente la actualización desde GitHub Repo:
https://github.com/baden03/print-o-matic/tree/2.0-redo

(@ frederickd1958)

Hace 4 meses, 3 semanas

¡Gracias por el rompecabezas!

El plugin 2.0.alpha funcionó muy bien. Ahora obtengo el contenido del iFrame y no solo el encabezado. ¡Muy bien!

¿Tiene alguna sugerencia sobre cómo personalizar un poco la salida? Solo obtengo la mitad de las columnas. Reduje el tamaño de algunas columnas e hice un ajuste de palabras para obtener más ‘bienes raíces’ en el iFrame. Todavía no todos están impresos. ¿Hay alguna forma de utilizar una fuente más pequeña para la salida? Eso podría ayudarme a comprimir las capas para que quepan en una hoja horizontal de 8.5 × 11.

¡Gran apoyo! Gracias.

(@twinpictures)

Hace 4 meses, 3 semanas

las versiones 2.0 utilizan el CSS de impresión estándar:

@media print {

}

Enseñar CSS es un poco más que el apoyo que podemos brindar aquí, pero aquí hay algunos recursos que debe señalar en la dirección correcta:
https://www.smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet/
https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/

(@ frederickd1958)

Hace 4 meses, 3 semanas

Por cierto… ElegantThemes.com para Divi Builder me dio este código CSS para la página. El efecto es que el icono de impresión y el texto ya no se imprimen.

font @media {cuerpo .et_pb_section: not (.et_pb_section_1) {display: none; } # encabezado principal, pie de página {display: none; } div # print_target> *: not (iframe) {display: none; }}

Solo quería pasar eso también.

Frederick

Esta respuesta fue modificada hace 4 meses, 3 semanas por.

(@ frederickd1958)

Hace 4 meses, 3 semanas

No vi tu respuesta antes de escribir la mía. Gracias por los artículos de referencia. La cabeza https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/ Parece lo que necesito.

¡Excelente! Gracias.

Frederick

Esta respuesta fue modificada hace 4 meses, 3 semanas.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *