Créer un PDF
Écrire un PDF comme un composant React : l’aperçu dans notre visionneuse pendant la saisie, le téléchargement au clic, une planche d’étiquettes au millimètre — @react-pdf/renderer, chargé au moment de générer seulement.
Créer un PDF
moteur non chargéLe second moteur, @react-pdf/renderer, écrit un PDF à partir d’un composant React : des vues en flexbox, du texte qui coule, des images, du SVG. Il pèse 1,4 Mo et n’est chargé qu’au moment de générer — jamais à l’ouverture de la page. Le même composant se rend dans le navigateur, pour l’aperçu, et sur le serveur, dans une route : voyez le scénario E-commerce › Facture.
Créé à la volée
Tapez : l’aperçu se régénère 300 ms après la dernière frappe, dans notre visionneuse, jamais dans un iframe. Le bouton génère le document au clic et le télécharge ; le QR code en bas de page est dessiné par nos encodeurs, sans dépendance.
Une ligne vide commence un paragraphe.
Aucun document
Une planche d’étiquettes
Un A4 d’étiquettes autocollantes 99,1 × 38,1 mm, 2 × 7, sur la grille d’une référence de papeterie courante : la grille est en millimètres, chaque étiquette est posée en absolu, et le code-barres de la référence est dessiné par la bibliothèque. Choisissez combien d’étiquettes : au-delà de quatorze, une seconde page.
Aucun document
Depuis du Markdown
Le texte d’un champ Markdown — une description, des conditions générales, un compte rendu — devient un PDF sans écrire de gabarit : titres, gras, italique, listes imbriquées, cases à cocher, citations, code, liens, images PNG ou JPEG, tables. Le parseur est celui de l’écran (GFM) ; les colonnes d’une table prennent la place de leur contenu. MarkdownDocument fait les pages et leur numéro ; PdfMarkdown pose le même bloc dans un gabarit à vous.
Compte rendu de chantier
Visite du 12 octobre sur le site de la rue des Lilas, en présence du maître d’ouvrage et du conducteur de travaux. L’avancement est conforme au planning, à une réserve près.
Avancement
| Lot | Avancement | Reste à faire |
|---|---|---|
| Gros œuvre | 100 % | — |
| Menuiseries extérieures | 80 % | Porte d’entrée, livraison le 20 |
| Électricité | 45 % | Tableau, prises de l’étage |
| Peinture | 0 % | Après le |
Points relevés
- La dalle de la cour est terminée et conforme au devis.
- La signalétique de l’entrée reste à poser :
- le panneau principal est livré,
- les lettres découpées arrivent la semaine prochaine.
- Un câble passe en diagonale dans le couloir : à reprendre avant la peinture.
Décisions
- Valider le coloris des menuiseries (RAL 7016)
- Commander la porte d’entrée
- Planifier la réception des peintures
La réserve sur le câble du couloir est à lever sous huit jours ; le peintre ne commencera pas avant.
Référence du chantier : CH-2026-0042. Les photos sont dans le dossier partagé : espace du chantier.
Aucun document
L’HTML brut et les notes de bas de page ne sont pas rendus : un PDF n’a pas de DOM. Une image SVG laisse son texte alternatif.