Aller au contenu principal

HTML modèle dans Make

Le HTML famille de modèles est un Make L'option « Générer un document » permet de générer un document unique. .html Il fusionne la mise en page dans un document final. Il intègre les balises Mustache, telles qu'un champ de nom de destinataire et une boucle d'éléments de ligne, à votre document. JSON données et sorties a PDF ou HTML fichier. Cela convient aux équipes qui gèrent déjà des fichiers. HTML ou des modèles d'e-mails.

Articles de blog connexes
Il n'y a pas encore d'article de blog consacré à cette fonctionnalité — à venir prochainement.
En attendant, n'hésitez pas à consulter le blog de PDF4me pour découvrir des tutoriels et des procédures de travail adaptés à toutes les plateformes.
Consultez le blog

Avant de commencer

HTML modèle avec balises moustache
L'échantillon exemple_de_facture_1.html est une mise en page de facture complète avec des chemins imbriqués et un sous-info Boucle d'élément de ligne. Les chemins doivent correspondre à votre JSON structure exactement.
Fichier de données correspondant
Utiliser invoice_sample_data_1.json (recommandé), test.xml, ou test.csv. JSON utilise des objets imbriqués et un sous-info tableau.
PDF4me connexion dans Make
Créer un PDF4me connexion dans Make et collez votre API clé. La même clé fonctionne sur tous les appareils. PDF4me module dans votre scénario.

Pack de fichiers d'exemple

Téléchargez les fichiers ci-dessous. Un HTML modèle plus données correspondantes dans JSON, XML, et CSV.

Le module « Générer un document à partir d'un modèle » de PDF4me affiche la connexion, le nom du modèle est défini sur un modèle d'exemple du référentiel PDF4me, le type de données du document est JSON, le champ « Texte » est vide, le fichier de données du document est mappé à l'étape 2 précédente, et le champ « Métadonnées JSON » est vide.

Configuration cible : PDF4me HTML Modèle + JSON dans Texte des données du document + PDF sortir.

Qu'est-ce que le HTML modèle modèle dans Make?

Le HTML La famille de modèles affiche un style navigateur .html mise en page avec mise en ligne CSS dans un document. Les espaces réservés écrits en syntaxe Mustache sont remplacés par vos données, et le bloc de boucle {{#each subInfo}} Répète une ligne de tableau par article. À privilégier pour le marketing. PDFs et les factures au style de marque que votre équipe gère déjà comme HTML.

Comment configurer HTML modèle dans Make?

Configurez les champs du module comme indiqué ci-dessous. Les champs obligatoires sont marqués d'un astérisque rouge. Make UI.

ParamètreRequisCe que cela faitExemple
ConnectionRequiredPDF4me connection for the scenario. Click Add to create one with your API key.My PDF4me connection
Template File TypeRequiredSet to PDF4me HTML Template for this template family.PDF4me HTML Template
Output TypeRequiredFormat of the generated document. PDF for a print-ready file, or HTML for an email body or web preview.PDF
Template NameRequiredTemplate file name including extension. Map from the prior module file name output.invoice_sample_1.html
TemplateRequiredTemplate file binary. Map from the prior module data output (for example 1. Data from Dropbox Download a File).1. Data
Document DataTypeRequiredChoose Json for JSON payloads (most common) or Xml when the upstream system returns XML.Json
Document Data TextConditionalInline JSON or XML data. Use when Document Data File is empty.invoice_sample_data_1.json
Document Data FileConditionalMapped data file from a prior module. Use when Document Data Text is empty.1. Data

Sortir

Le module renvoie un seul paquet par exécution. Le fichier généré est placé sur le Date du document champ de sortie.

ChampTaperCe qu'il contient
Doc DataBinaryThe generated PDF document. Map into a downstream Upload File or Send Email Attachment module.
File NameStringOutput filename based on Template Name with the extension matching Output Type.
Mime TypeStringMIME type of the generated document.

Modèles de production

Modèles courants pour créer des modèles HTMLReplace the manual test with these once the sample works.
Modèle provenant du stockage cloud
  1. Dropbox ou Google Drive magasins exemple_de_facture_1.html.
  2. Le téléchargement d'un fichier charge le modèle au format binaire.
  3. Générer le nom et le modèle de la carte unique du document.
  4. Les données sont construites à partir de Sheets ou un webhook comme JSON.
Webhook à livré PDF
  1. Le webhook reçoit la charge utile de l'enregistrement.
  2. L'option « Générer un document unique » le fusionne avec le modèle.
  3. Le type de sortie est PDF.
  4. L'envoi par e-mail ou le téléchargement de fichiers permet de transmettre les données du document.
Traitement par lots à partir d'une source de données
  1. La recherche d'enregistrements renvoie de nombreuses lignes.
  2. L'itérateur parcourt un enregistrement à la fois.
  3. La commande « Générer un document unique » s'exécute une seule fois par enregistrement.
  4. Chaque fichier est téléchargé dans un dossier par enregistrement.

Foire aux questions

Can HTML templates output a PDF in Make?+
Yes. Set Output Type to PDF for a print-ready file, or HTML for an email body or web preview. The same invoice_sample_1.html renders either way.
How do line items work in the sample?+
The subInfo array in the JSON drives the each subInfo block in the HTML table. Each object renders one row with plan, quantity, vat, and totalPrice. Add or remove array items to change the row count.
Why does test.csv have two rows?+
CSV flattens nested data. Each row is one line item while repeating the shared invoice fields such as recipient and dates. Both rows share the same totalAmount.
JSON, XML, or CSV: which should I use?+
JSON is best because it matches the nested mustache paths and the subInfo array. XML uses PascalCase elements. CSV suits spreadsheet exports but uses flattened column names.

Guides associés

Pour plus d'informations sur le moteur de modèles sous-jacent, consultez la documentation. Aspose Words pour .NET documentation et le Make Référence des structures de données.