Partage
  • Partager sur Facebook
  • Partager sur Twitter

aidd conversion page html en pdf

convertir une page html5 et css3 en pdf

27 août 2013 à 21:04:53

Bonjour, 

J'ai récemment créer une page web contenant plusieurs <div> contenteditable et quelques roundborder ainsi que text-shadow pour ce qui est du css. ceci fait partie d'un ensemble formant un calendrier customisable. 

Voila maintenant j'aimerais convertir ce calendrier et le garder tel quel en .pdf et ensuite l'envoyer par email en pièce jointe. 

Le but de cette démarche est la suivante ; on crée son calendrier en ajoutant le texte que l'on souhaite dedans et on me l'envoi par email en appuyant sur un bouton "envoi", je recois le calendrier et j'ai plus qu'a l'imprimer.

Pourriez-vous m'aider, je ne trouve pas la solution pour convertir un page html en pdf en cliquant simplement sur un bouton.

Merci !

  • Partager sur Facebook
  • Partager sur Twitter
27 août 2013 à 23:05:06

A mon avis, tu n'es pas dans la bonne rubrique de forum. Sauf erreur de ma part, pour faire ce genre de choses il va te falloir utiliser du langage de programmation du type PHP ou autre...

En regardant rapidement, la question a déjà été abordée :

http://www.siteduzero.com/forum/sujet/creer-un-fichier-pdf-en-php-et-l-enregistrer-sur-le-serve-21468

http://www.siteduzero.com/forum/sujet/generer-des-pdf-en-php-88506

http://www.siteduzero.com/forum/sujet/creer-un-pdf-a-partir-de-ma-page-php-37590

etc...

Essaye de voir de ce coté là...

Bon courage !
  • Partager sur Facebook
  • Partager sur Twitter
27 août 2013 à 23:06:13

A ma connaissance, ce n'est pas possible directement. Mais tu peux générer du PDF avec FPDF, par exemple :

http://www.fpdf.org

Tu envoies les données à mettre en forme sous forme de formulaire, et sur le fichier PHP récupérant les données, tu génères le PDF en les incorporant. Par contre, il me semble que les bordures arrondies et ombres ne sont pas supportées, donc soit tu te contentes de bordures "droites" et sans ombre, soit tu utilises des images pour simuler ces effets visuels.

  • Partager sur Facebook
  • Partager sur Twitter
28 août 2013 à 7:29:54

Ouh, c'est quelque chose de compliqué auquel tu t'attaques... À ma connaissance, il n'existe pas de produit miracle (sauf les services genre PrincePDF, mais qui sont payants, et vraiment pas donnés), surtout si tu veux du css moderne. Pour mon boulot, j'ai eu besoin de ça, j'ai utilisé html2pdf, une classe PHP : http://html2pdf.fr/ : ça marche bien, mais ce n'est pas très rapide, et même en html ça a des lacunes (il ne connaît pas la balise <caption>, sérieux). Mais c'est le mieux que j'aie trouvé, faut tester. C'est basé sur FPDF si tu utilises la version PHP4 et TCPDF pour la version PHP5.
  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)

28 août 2013 à 10:55:03

https://code.google.com/p/wkhtmltopdf/ + https://github.com/KnpLabs/snappy

-
Edité par nightmat 28 août 2013 à 10:55:37

  • Partager sur Facebook
  • Partager sur Twitter
Ce n'est pas parce que vous ne savez pas vous servir d'un marteau qu'il faut planter des clous au tournevis.
28 août 2013 à 15:30:59

PDFcreator qui est gratuit qui te simule une imprimente mais qui en fait un pdf .
  • Partager sur Facebook
  • Partager sur Twitter
28 août 2013 à 15:31:58

Merci tout le monde, 

je suis entrain de voir les liens que vous m'avez envové, 


j'ai vu html2pdf, mais c'est comment dire archaïque, j'aurais penser qu'il existerais une solution plus moderne, 


Sinon en dernier recours, je pensais a convertir non en pdf mais en image png, jpeg ou autre. Je sais aussi que en Html5 on peu capturer les canvas ou quelque chose du genre mais je ne me suis pas plus aventuré la dedans...

  • Partager sur Facebook
  • Partager sur Twitter
29 août 2013 à 1:00:28

Bonjour, Bonsoir, je ne sais pas ou vous habitez mais moi je suis en Amerique alors c'est le soir pour ma part.

Quoi qu'il en soit j'ai trouver l'astuce la plus simple ! C'est un mélange de tous ce qui a été dit. 

Alors fpdf.org propose quelque chose de solide mais je n'est pas le temps vu que le calendrier doit etre pret pour le 30 aout.

Voici la solution la plus rapide selon moi. 

Je garde ma page html5/css3. je sauvegarde les donnees des contenteditable en Javascript pour pouvoir les récuperer en php. Ensuite avec html2pdf, je retranscri tout sa dans un jolie pdf en utilisant du html simple et du css 2.1, puis je fait partir tout sa par mail en piece jointe. et l'utilisateur quant a lui se retrouve avec un message de validation d'envoi ou d'erreur. 

donc tout simplement -> on cree -> on soumet la requete -> php s'occupe du pdf + mail

Merci pour votre aide en tout cas. je vous dirais si sa marche comme sur des roulettes.

  • Partager sur Facebook
  • Partager sur Twitter
21 février 2024 à 15:53:52 - Message modéré pour le motif suivant : Déterrage de 2013 avec un texte sûrement généré par un LLM