buenisimo video man, una pregunta, es posible que al momento de generar el pdf la foto que capturas salga completa, ya que se te corta la imagen, estoy haciendo algo similar y la imagen se corta, sabes como solucionar ese problema??
Muchas Graciiias Me sirvio muchisimo, intente de mucha maneras pero no me generaba el PDF, me funciono con .html y .php, mil Graciias LIKE sigue asi =)
hola amigue, una pregunta rápida, la librería es toda la carpeta "html2pdf.js-master" o sólo el archivo de nombre "html2pdf.bundle.min.js", gracias anticipadas
Hola. Gracias por sus comentarios. Si tiene alguna consulta, solicitud de creación de un programa o solicitud de cambio de software estoy para servirle en parzibyte.me/#contacto Saludos!
Yo estoy haciendo lo mismo pero lo hago con power automate pero cuando mando el el html para q se convierta a PDF pero al convertirlo se me descuadra todo por qué será que pasa
@@parzibyte hola, tengo una consulta, quiero ocultar elementos DOM para que no aparezcan en el archivo PDF, por ejemplo: el botón click aquí , alguna idea de como realizarlo???
Excelente tutorial, gracias por compartir el conocimiento, solo tengo una duda se puede especificar cual parte de la pagina deseo descargar en el ejemplo seleccionamos body ( const $elemento = document.body; ) pero se podría seleccionar un div con id="pdf" de que forma se aria
Me funcionó perfectamente, solo que tengo una duda, ¿Se le puede modificar el margen? es que quisiera que ese div tomara el tamaño de toda la hoja, espero me puedas ayudar, saludos.
Excelente video, lo realice y me funcionó. Pero tengo una pregunta, tengo unos inputs text y no me muestra lo que se digita en el pdf, es posible que se pueda mostrar el contenido?
Hola. Contiene todo el código fuente de la librería que permite lo que indica el título del vídeo Le invito a suscribirse y compartir el vídeo. Saludos :)
muy bueno, gracias por compartir, me podrías ayudar con un problema que me surge al exportar un pdf un textarea de mi pagina me sale todo el texto encimado, el texto se despliega bien en el navegador, pero el pdf ya no, espero me puedas ayudar a encontrar info sobre este problema, de antemano gracias, saludos.
buenas, tengo una consulta, se podría con html2pdf tomar un pdf existente con estilos imagenes y campos transpasarlo a HTML y pasarle datos dinamicos?, si no se pudiera, es posible ir "jugando" creando paginas y dando estilo uno mismo ?, saludos
Hola. La librería o el mismo lenguaje deben proporcionar la manera de abrirlo en una pestaña ya sea como BLOB o en Base64. Le invito a que lea la documentación. También puede contactarme en parzibyte.me#contacto si desea ayuda personalizada Saludos!
Gran tutorial, me sirvió solo tengo un inconveniente a la hora de tratar de convertir a PDF imágenes que vienen de internet con una URL no me aparecen tenderas alguna solución? por lo demás esta genial
Hola. Me parece que no se pueden usar imágenes que no son del dominio en donde se encuentra la página desde donde se invoca a html2pdf. Le invito a leer la documentación para ver si encuentra algo sobre ello No olvide compartirlo y suscribirse Saludos :)
@@parzibyte Pude encontrar la solución simplemente se tiene que convertir la URL de la imagen a Base64 aquí te dejo la fuente donde conseguí la solución: stackoverflow.com/questions/6150289/how-can-i-convert-an-image-into-base64-string-using-javascript/20285053#20285053 pd: muchas gracias amigo ya me suscribí
Buen video, una pregunta... Puedo convertir una pagina "b" desde una pagina "a" ? es decir quiero desde una pagina convertir a pdf varios html y que queden en el mismo archivo pdf... Saludo y desde ya, gracias!
Hola, tengo una duda súper urgente! Al cambiar el elemento = document.body por document.querySelector(#ID) o document.getElementById(ID) aparece todo en blanco. Alguna idea del porqué suceda esto?
Hola. Gracias por sus comentarios. Si tiene alguna consulta, solicitud de creación de un programa o solicitud de cambio de software estoy para servirle en parzibyte.me/#contacto Saludos!
Buenas, me arroja el siguiente error si dejo una imagen en el html, si la quito se va el error, como puedo solucionarlo? DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
Que tal amigos tengo una duda, si deseo que al documento se le agregue un pie de pagina con el numero de hojas del documento alguien sabría como hacerlo?
Buenas, tengo en el archivo html un y lo muestra bien en el navegador pero al descargar el pdf deja muestra todo menos lo que contiene el , sabes que puede ser? o si es que esta libreria no acepta los ?
Hola. Lo desconozco, no me ha tocado ese caso específico pero puede que en la documentación de la librería o en los issues del repositorio esté lo que pregunta
Buenas tardes , el problema que intento sólo insertar en el pdf una tabla y no me deja , me pilla toda la página ¿ qué puedo hacer ? Es en la parte de document.getElementByID(“nombredeliddelatabla”) no me lo pilla y me lanza toda la web , gracias un saludo
@@parzibyte uso el mismo codigo y no me funciona, no se si es un problema de la pc, lo eh intentado de dos maneras diferente y no me descarga archivos :c
Hola. Gracias por sus comentarios. Si tiene alguna consulta o duda, solicitud de creación de un programa, solicitud de vídeo o solicitud de cambio de software estoy para servirle en parzibyte.me/#contacto Saludos!
Justo estaba buscando algo que respetara el CSS. Muchas gracias por compartir tu conocimiento, me ayudó mucho
Muchas gracias amigo! durante varios días estuve buscado como hacer esto y con tu explicación lo logré en solo unos minutos! Muchas graciassss!
Excelente explicación para los recién iniciados, gracias!
Gracias. Saludos!
buenisimo video man, una pregunta, es posible que al momento de generar el pdf la foto que capturas salga completa, ya que se te corta la imagen, estoy haciendo algo similar y la imagen se corta, sabes como solucionar ese problema??
Muchas gracias, tu video me salvo. Muchos lo hacen con composer, y hacer muchas configuraciones
Muchas Graciiias Me sirvio muchisimo, intente de mucha maneras pero no me generaba el PDF, me funciono con .html y .php, mil Graciias LIKE sigue asi =)
Me agrada escuchar que haya funcionado. Le invito a seguirme y compartir
Saludos!
hola me ayudo mucho, solo tengo una pregunta como le hago para que no lo baje directamente y lo visualice el pdf desde el navegador?
Buen tutorial amigo, duró lo suficiente para comprender la utilización de la libreria!
Que Dios te bendiga!
Muy buen tutorial, bien explicado y justo lo que estaba buscando. Gracias por compartirlo Luis! Saludos
Excelente, muchas gracias 👏🔔
Gracias, saludos
Buen aporte!! Muchas gracias
Gracias por comentar
Muchas gracias me sirvio de mucho!!
Con mucho gusto
Muchas gracias, funcionó perfecto.
Algo interesante que se debe mencionar, es que dependiendo de la cantidad de datos, esta afecta la impresion de la tabla.
es algo que a mi me paso, solo me imprime los datos que aparecen en mi tabla cuando carga la pagina
Gracias!!!
Gracias por comentar
hola amigue, una pregunta rápida, la librería es toda la carpeta "html2pdf.js-master" o sólo el archivo de nombre "html2pdf.bundle.min.js", gracias anticipadas
crack, la unica libreria que me anduvo en js para poder generar bien un informe
Excelente tutorial! Muchas gracias
Excelente explicación !!! te felicito, ahora, como puedo enviar a un e-mail ese pdf exportado (en lugar de descargarlo en compu)
Hola. Gracias por sus comentarios. Si tiene alguna consulta, solicitud de creación de un programa o solicitud de cambio de software estoy para servirle en parzibyte.me/#contacto
Saludos!
Yo estoy haciendo lo mismo pero lo hago con power automate pero cuando mando el el html para q se convierta a PDF pero al convertirlo se me descuadra todo por qué será que pasa
Muchas gracias!!
Gracias por comentar
Que buen video explicativo, me has ayudado bastante, muchas gracias!!!
Gracias por comentar
@@parzibyte hola, tengo una consulta, quiero ocultar elementos DOM para que no aparezcan en el archivo PDF, por ejemplo: el botón click aquí , alguna idea de como realizarlo???
Hola. Para consultas personalizadas puede contactarme en parzibyte.me#contacto
Saludos
Muchas gracias! hay alguna forma de que el documento pdf se guarde automaticamente en una carpeta?
gracias,
Gracias por comentar
@@parzibyte se que mereces mas que gracias pero por el tiempo no se me viene palabras me diste la forma para resolver un gran problema mia
Gracias
Excelente video, consulta podría guardar el pdf en una carpeta especifica de manera automática? gracias por el aporte me ayudo mucho
No creo, eso lo administra el navegador, el usuario tendria que activar la opcion de elegir donde guardar la descarga
BUEN TUTORIAL AMIGO UNA CONSULTA COMO PODRIA HACER QUE EL DOCUMENTO SE DESCARGUE SOLO LECTURA O CON ALGUNA SEGURIDAD PARA QUE NO PUEDA EDITAR
Buen tutorial, sabes si puedo aplicarle una hoja de estilos a este PDF? y como agregarla? antes usaba Mpdf con php, pero lo hacia el server.
Hola. Me parece que se toman en cuenta los estilos que la página tiene actualmente.
Saludos :)
Gracias bro
Con gusto
puedo agregar un array en .from? o como puedo agregar varios elementos
Excelente tutorial, gracias por compartir el conocimiento, solo tengo una duda se puede especificar cual parte de la pagina deseo descargar en el ejemplo seleccionamos body ( const $elemento = document.body; ) pero se podría seleccionar un div con id="pdf" de que forma se aria
const elemento = document.querySelector("#id_del_elemento");
@@parzibyte muchas gracias por responder funciona genial, justo lo que buscaba
Me funcionó perfectamente, solo que tengo una duda, ¿Se le puede modificar el margen? es que quisiera que ese div tomara el tamaño de toda la hoja, espero me puedas ayudar, saludos.
Hola. Claro, con gusto lo ayudo en parzibyte.me/#contacto
Hay una opción llamada "margin" que está en 1 en el código del tutorial. Si la disminuyes, también lo hará el margen. Saludos.
Excelente video, lo realice y me funcionó. Pero tengo una pregunta, tengo unos inputs text y no me muestra lo que se digita en el pdf, es posible que se pueda mostrar el contenido?
Hola. Supongo que es posible, aunque tal vez lo mejor sería aplicar una transformación y convertir esos inputs a un párrafo o algo parecido
Kapo!
hola, no me está reconociendo la librería. Sabes dónde podría conseguir las 3 por separado para probar? MUCHAS GRACIASSSS
Borra la línea de código img en el HTML que está en el ejemplo, eso "soluciona el problema"
Hola :v oye gran video :3 pero tengo una pregunta hay alguna forma de que me tome lo mismo osea me imprima pero sea solo un div en especifico?
Hola. Así es, puede ser cualquier elemento del DOM.
Saludos :)
Hola , tengo la duda, el archivo html2pdf.bundle.min.js que es lo que contiene?
Hola. Contiene todo el código fuente de la librería que permite lo que indica el título del vídeo
Le invito a suscribirse y compartir el vídeo.
Saludos :)
hola, muhcas gracias por el aporte, puedes mostrar el link desde donde descargaste la libreria html2Pdf.min.bundle.js?? muchas gracias!!!
Sí, yo tampoco sé como descargar ese archivo.
muy bueno, gracias por compartir, me podrías ayudar con un problema que me surge al exportar un pdf un textarea de mi pagina me sale todo el texto encimado, el texto se despliega bien en el navegador, pero el pdf ya no, espero me puedas ayudar a encontrar info sobre este problema, de antemano gracias, saludos.
Claro. Puede contactarme en parzibyte.me#contacto
buenas, tengo una consulta, se podría con html2pdf tomar un pdf existente con estilos imagenes y campos transpasarlo a HTML y pasarle datos dinamicos?, si no se pudiera, es posible ir "jugando" creando paginas y dando estilo uno mismo ?, saludos
Hola. Podría modificarse una plantilla HTML (insertando y removiendo elementos del DOM) y luego cuando el usuario lo desee, generar el PDF
Se podría después de el then() enviar el pdf generado por email?
Hola. Sí
gracias, tengo una problema no me muestra la imagen, se supone que debemos poner el tipo de imagen que pusimos, yo puse una png y no me la mostro
Hola, buen video, ¿pero como seria si se quisiera mostrar el pdf en otra pestaña sin tener que descargarlo?
Hola. La librería o el mismo lenguaje deben proporcionar la manera de abrirlo en una pestaña ya sea como BLOB o en Base64. Le invito a que lea la documentación. También puede contactarme en parzibyte.me#contacto si desea ayuda personalizada
Saludos!
Gran tutorial, me sirvió solo tengo un inconveniente a la hora de tratar de convertir a PDF imágenes que vienen de internet con una URL no me aparecen tenderas alguna solución? por lo demás esta genial
Hola. Me parece que no se pueden usar imágenes que no son del dominio en donde se encuentra la página desde donde se invoca a html2pdf. Le invito a leer la documentación para ver si encuentra algo sobre ello
No olvide compartirlo y suscribirse
Saludos :)
@@parzibyte Pude encontrar la solución simplemente se tiene que convertir la URL de la imagen a Base64
aquí te dejo la fuente donde conseguí la solución:
stackoverflow.com/questions/6150289/how-can-i-convert-an-image-into-base64-string-using-javascript/20285053#20285053
pd: muchas gracias amigo ya me suscribí
@@axdeport1969 hola amigo, vi el código del que hablas, pero estoy desubicado de donde debo aplicarlo, en cual archivo del código de ejemplo?
Buen video, una pregunta... Puedo convertir una pagina "b" desde una pagina "a" ? es decir quiero desde una pagina convertir a pdf varios html y que queden en el mismo archivo pdf... Saludo y desde ya, gracias!
Una pregunta amigo tengo un problema cuando pasa las 100 paginas no me muestra el pdf
Hola!! Sabes si hay posibilidad de pasar un chart js a pdf con html2pdf?
Hola. No he tenido la oportunidad de probar por el momento
Saludos!
Hola, tengo una duda súper urgente!
Al cambiar el elemento = document.body por document.querySelector(#ID) o document.getElementById(ID) aparece todo en blanco. Alguna idea del porqué suceda esto?
Hola. Gracias por sus comentarios. Si tiene alguna consulta, solicitud de creación de un programa o solicitud de cambio de software estoy para servirle en parzibyte.me/#contacto
Saludos!
El "html2pdf.bundle.min.js" tiene código?
Me parece bien que sí. Recuerde que en ocasiones viene minificado
Buenas, me arroja el siguiente error si dejo una imagen en el html, si la quito se va el error, como puedo solucionarlo? DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
Hola. Puede ser porque la imagen no es del mismo dominio que el sitio en donde está la página
si ,quiero que un icono se muestre en cada pagina de pfd
?
Hola. Para consultas puede escribirme en parzibyte.me#contacto
Saludos!
Que tal amigos tengo una duda, si deseo que al documento se le agregue un pie de pagina con el numero de hojas del documento alguien sabría como hacerlo?
Buenas, tengo en el archivo html un y lo muestra bien en el navegador pero al descargar el pdf deja muestra todo menos lo que contiene el , sabes que puede ser? o si es que esta libreria no acepta los ?
Hola. Lo desconozco, no me ha tocado ese caso específico pero puede que en la documentación de la librería o en los issues del repositorio esté lo que pregunta
amigo como le puedo hacer si loso quiero que se convierta a pdf un container o un main alguien me podría decir
Buenas tardes , el problema que intento sólo insertar en el pdf una tabla y no me deja , me pilla toda la página ¿ qué puedo hacer ? Es en la parte de document.getElementByID(“nombredeliddelatabla”) no me lo pilla y me lanza toda la web , gracias un saludo
Creo que hubiera funcionado algo como:
const $elementoParaConvertir = document.querySelector("#id_de_tu_tabla");
Gracias. Me Funcionó en google chrome pero no me funciona en firefox. Debería funcionar en ambos o hay que hacer algo extra? Gracias!
Gracias, amigo. Ya lo solucioné. Era por una extensión que tenía instalado en el firefox: Darkreader!
me da este error y no me lo guarda:
Uncaught Missing source element or string.
Me pone que html2pdf no esta definido y he importado el script alguna idea de que puede ser?
Puede ser porque html2pdf no está definido
amigo ayúdame plz, como se puede indicar que se guarde automáticamente a un directorio ?
Tendría que ver la API de acceso al sistema de archivos con JavaScript: web.dev/file-system-access/
@@parzibyte Muchas Gracias!!!!!!
trato de hacer la generacion de pdf con DomPDf y no me funciona, espero que con javascript no me pase lo mismo :)
Amigo tengo un problema, a mi si me descarga el pdf pero al momento de abrirlo sale en blanco, vacio me podrias ayudar?
Claro, envíeme su problema en parzibyte.me/#contacto
Los input type text y los select no los pasa al pdf :(
como funciona en responsive
Lo invito a que lo pruebe usted mismo y nos cuente los resultados
Saludos :)
@@parzibyte solo preguntaba porque no funciona en mobiles
Alguien tiene todo el codigo
que uso para generar el pdf
Buenas tengo el problema que no descarga, incluso probé con el código que dejaste el tu blog y nada :c
Acabo de probar (parzibyte.github.io/ejemplos-javascript/html-a-pdf/) y funciona perfectamente. No sé a qué se refiere
@@parzibyte uso el mismo codigo y no me funciona, no se si es un problema de la pc, lo eh intentado de dos maneras diferente y no me descarga archivos :c
Como hago para que solo lo guarde en el servidor?
Hola. Gracias por sus comentarios. Si tiene alguna consulta o duda, solicitud de creación de un programa, solicitud de vídeo o solicitud de cambio de software estoy para servirle en parzibyte.me/#contacto
Saludos!
Hay una forma de que me imprime otro archivo html, digamos una referencia de otro archivo para imprimir en pdf
Me parece que no
a mi si me funciono pero la imagen no me la muestra :(
Buen video descargue el codigo de tu blog pero no me funciona cuando hago click :(
Hola. Yo acabo de probar la demostración y funciona de maravilla, se me hace muy raro que no le funcione; puede que se haya equivocado en algún paso
@@parzibyte me botaba error en en el campo img lo solucione corvirtiendo la imagen a base64 :)
Me agrada escuchar que haya funcionado
Como saltar la página y no se divida el contenido y todo quede en una sola hoja
Hola. Tal vez en la documentación oficial se indique, yo desconozco eso
Saludos
tengo unproblema con la libreria de html2pdf :(
me dice que no esta definida
Hola. Para consultas personalizadas puede encontrarme en parzibyte.me#contacto
Saludos :)
No me funciona, al darle click al boton
Acabo de probar la demostración y funciona correctamente
No me funciona. Se descarga el PDF pero no se observa nada en él.
Qué raro. Lo acabo de probar y funciona de maravilla
Saludos!
@@parzibyte cordial saludo. Utilizo .net con c#. Y mi HTML es dinámico. Que me recomienda o donde encuentro más documentación.