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
| Builder | Modèles Code | |
|---|---|---|
| Méthode de conception | Glisser-déposer visuel | Écrire du HTML, CSS et Liquid |
| Données dynamiques | Panneau Logic (conditions, répétition) | Balises Liquid ({% if %}, {% for %}) |
| Style | Panneau Styles + éditeur Custom CSS | Contrôle CSS complet dans le modèle |
| JavaScript | Éditeur Custom JS + External Assets | Balises <script> dans le HTML du modèle |
| Courbe d’apprentissage | Plus faible, aucun code requis | Plus élevée, nécessite des connaissances HTML/CSS/Liquid |
| Moteur de rendu PDF | Chromium | Chromium |
| Qualité du rendu | Identique | Identique |
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.
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.