Pular para o conteúdo principal

HTML modelo em Make

O HTML família de modelos é um Make Gerar documento: opção única que renderiza um .html O layout se transforma em um documento finalizado. Ele mescla tags Mustache, como um campo de nome do destinatário e um loop de itens de linha, com o seu documento. JSON dados e saídas a PDF ou HTML arquivo. É adequado para equipes que já mantêm HTML ou modelos de e-mail.

Artigos relacionados no blogue
Ainda não há nenhuma publicação no blogue sobre esta funcionalidade — em breve.
Entretanto, explore o blogue da PDF4me para encontrar tutoriais e fluxos de trabalho para todas as plataformas.
Visite o blogue

Antes de começar

HTML modelo com etiquetas de bigode
A amostra invoice_sample_1.html é um layout de fatura completo com caminhos aninhados e um subInformações Loop de itens de linha. Os caminhos devem corresponder ao seu JSON estrutura exatamente.
Arquivo de dados correspondente
Usar invoice_sample_data_1.json (recomendado), test.xml, ou test.csv. JSON usa objetos aninhados e um subInformações variedade.
PDF4me conexão em Make
Criar um PDF4me conexão em Make e cole o seu API tecla. A mesma tecla funciona em todas as PDF4me módulo em seu cenário.

Pacote de Arquivos de Amostra

Faça o download dos arquivos abaixo. Um. HTML modelo mais dados correspondentes em JSON, XML, e CSV.

O módulo "Gerar Documento Usando Modelo" do PDF4me mostra a conexão, o nome do modelo definido para um modelo de exemplo do repositório do PDF4me, o tipo de dados do documento como JSON, o campo "Texto dos Dados do Documento" vazio e o arquivo de dados do documento mapeado da etapa 2 anterior. Os dados e metadados também estão em formato JSON.

Configuração de destino: PDF4me HTML Modelo + JSON em Texto dos dados do documento + PDF saída.

O que é o HTML modelo modelo em Make?

O HTML A família de modelos renderiza um estilo de navegador. .html layout com inline CSS em um documento. Os marcadores de posição escritos em sintaxe Mustache são substituídos pelos seus dados, e o bloco de loop {{#each subInfo}} Repete uma linha da tabela por item de linha. Escolha esta opção para marketing. PDFs e faturas com o estilo da marca que sua equipe já mantém como HTML.

Como faço para configurar? HTML modelo em Make?

Configure os campos do módulo conforme abaixo. Os campos obrigatórios estão marcados com um asterisco vermelho. Make UI.

ParâmetroObrigatórioO que fazExemplo
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

Saída

O módulo retorna um pacote por execução. O arquivo gerado é colocado em Data do documento campo de saída.

CampoTipoO que contém
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.

Padrões de produção

Padrões comuns de criação de modelos HTMLReplace the manual test with these once the sample works.
Modelo do armazenamento em nuvem
  1. Dropbox ou Google Drive lojas invoice_sample_1.html.
  2. O download de um arquivo carrega o modelo como um arquivo binário.
  3. Gerar documento Mapas individuais Nome do modelo e modelo do modelo.
  4. Os dados são construídos a partir de Sheets ou um webhook como JSON.
Webhook para entrega PDF
  1. O webhook recebe a carga útil do registro.
  2. A opção "Gerar Documento Único" mescla o documento com o modelo.
  3. Tipo de saída é PDF.
  4. O envio por e-mail ou o carregamento de arquivo entrega os dados do documento.
Processar em lote a partir de uma fonte de dados
  1. A pesquisa de registros retorna várias linhas.
  2. O iterador percorre um registro de cada vez.
  3. Gerar documento único é executado uma vez por registro.
  4. Cada arquivo é carregado em uma pasta específica para cada registro.

Perguntas frequentes

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.

Guias relacionados

Para o mecanismo de modelos subjacente, consulte o Palavras Aspose para .NET documentação e o Make referência de estruturas de dados.