Builder vs. modèles Code

Dernière mise à jour le 23 mars 2026

PDFMonkey propose deux façons de créer des modèles : le Builder visuel et les modèles Code rédigés en HTML, CSS et Liquid. Les deux produisent des PDF de même qualité. La différence réside dans la manière de les concevoir, et il vaut mieux choisir la bonne approche avant de commencer.

Comparaison en un coup d’œil

BuilderModèles Code
Méthode de conceptionGlisser-déposer visuelÉcrire du HTML, CSS et Liquid
Données dynamiquesPanneau Logic (conditions, répétition)Balises Liquid ({% if %}, {% for %})
StylePanneau Styles + éditeur Custom CSSContrôle CSS complet dans le modèle
JavaScriptÉditeur Custom JS + External AssetsBalises <script> dans le HTML du modèle
Courbe d’apprentissagePlus faible, aucun code requisPlus élevée, nécessite des connaissances HTML/CSS/Liquid
Moteur de rendu PDFChromiumChromium
Qualité du renduIdentiqueIdentique

Quand utiliser le Builder

Le Builder est adapté quand :

  • Vous souhaitez créer des documents professionnels standards (factures, reçus, certificats, rapports) sans écrire de code.
  • Des membres non techniques de l’équipe doivent créer ou modifier des modèles.
  • Vous préférez une approche pointer-cliquer plutôt qu’écrire du balisage.
  • Vos besoins de mise en page sont simples : en-têtes, contenu textuel, images, tableaux et sections répétées.

Quand utiliser les modèles Code

Les modèles Code sont un meilleur choix quand :

  • Vous êtes à l’aise avec HTML et CSS. Vous irez plus vite en écrivant du balisage directement qu’en glissant-déposant des blocs.
  • Vous avez besoin d’un contrôle au pixel près sur des mises en page multi-pages complexes avec des sauts de page personnalisés.
  • Vos documents nécessitent une logique Liquid avancée : boucles imbriquées, filtres personnalisés ou conditions complexes.
  • Vous avez du HTML et CSS existants que vous souhaitez réutiliser.
  • Vous avez besoin de fonctionnalités pas encore disponibles dans le Builder.

Le Builder n’utilise pas Liquid

Les modèles du Builder utilisent Vue en interne, pas Liquid. Cela signifie que la syntaxe Liquid comme {% if %}, {% for %} et les filtres Liquid (| upcase, | date) ne fonctionneront pas dans le Builder. Les données dynamiques sont gérées par le moteur de templates Vue et le panneau Logic.

Une conséquence pratique : les noms de variables qui commencent par un chiffre ne sont pas des identifiants JavaScript valides, vous ne pouvez donc pas écrire {{123varname}} dans un binding texte. Utilisez la notation entre crochets sur l’objet payload à la place :

{{$docPayload['123varname']}}

Si vous venez des modèles Code, gardez à l’esprit que tout pattern spécifique à Liquid devra être repensé pour l’approche basée sur Vue du Builder.

Peut-on basculer entre les deux ?

En bref : non. Les modèles du Builder et les modèles Code sont des types de modèles distincts. Vous ne pouvez pas convertir un modèle Builder en modèle Code ni l’inverse. Choisissez l’approche adaptée à votre cas d’utilisation avant de commencer la conception.

Vous hésitez ? Commencez avec le Builder. Si vous vous heurtez à une limitation, vous pouvez toujours créer un nouveau modèle Code pour ce document spécifique. De nombreuses équipes utilisent les deux approches pour différents types de documents.

Comment le Builder fonctionne en interne

Le Builder combine des composants Vue, des classes utilitaires Tailwind CSS et le moteur de rendu Chromium pour transformer votre design visuel en PDF. Vous n’avez jamais besoin d’interagir directement avec ces technologies. Le Builder et les modèles Code utilisent le même moteur Chromium, la qualité finale du PDF est donc identique. Pour les détails sur les versions de moteurs et leurs capacités, consultez Nos moteurs.

Ce que PDFMonkey ne prend pas en charge

PDFMonkey ne prend pas en charge l’importation de fichiers PDF, Word ou d’autres formats existants. Les modèles doivent être construits de zéro, soit avec le Builder visuel, soit en écrivant du HTML, CSS et Liquid dans les modèles Code.

Questions fréquentes

Quelle est la difference entre le Builder et les modeles code dans PDFMonkey ?
Le Builder est un editeur visuel par glisser-deposer qui utilise Vue. Les modeles code sont ecrits en HTML, CSS et Liquid. Les deux produisent des fichiers de qualite identique. Le Builder est plus facile pour les non-developpeurs ; les modeles code offrent plus de controle sur la mise en page et la logique avancee.
Peut-on convertir un modele Builder en modele code PDFMonkey ?
Non. Les modeles Builder et les modeles code sont des types distincts et ne peuvent pas etre convertis l’un vers l’autre. Choisissez votre approche avant de commencer.
Le Builder PDFMonkey utilise-t-il Liquid ?
Non. Les modeles Builder utilisent Vue, pas Liquid. La syntaxe Liquid comme {% if %}, {% for %} et les filtres Liquid ne fonctionne pas dans le Builder. Les donnees dynamiques sont gerees via le moteur de templates Vue et le panneau Logique.