Import d'un .docx existant
Ses balises redeviennent des variables, boucles et conditions modifiables.
Modèles Word, glisser-déposer
ÉditeurNavigateur.docx
Un éditeur de modèles Word dans le navigateur. Il ressemble à Word, et l'on y glisse ses variables à la souris pour obtenir un modèle prêt.
Compatible :
.docxWord, LibreOffice
Jinja2Syntaxe de génération
MITLicence ouverte
100 % webAucun serveur requis
La démo en 3 étapes
Aucune inscription, rien à installer, deux minutes suffisent
-
1
Choisissez un document
Facture, devis ou attestation : un exemple prêt à l'emploi est créé pour vous.
-
2
Changez les informations
Nom du client, lignes, dates : tout est pré-rempli, modifiez ce que vous voulez.
-
3
Téléchargez le PDF
Un clic sur « Convertir en PDF » : le document est prêt, fidèle au modèle Word.
Et pour changer la mise en page ? « Modifier le template » ouvre l'éditeur façon Word : vous glissez les informations dans la page, à la souris. Lancer la démo
Glisser. Déposer.
Aller-retour avec Word
Le .docx reste le format pivot
Export .docx prêt à l'emploi
Le fichier exporté sert directement de modèle de génération.
Fonctionnalités
Comme dans Word
Ruban, pages, styles, tableaux
Pensé pour les modèles
La syntaxe s'écrit toute seule
Il ressemble à Word
Ruban, règles, pages A4, styles et thèmes : rien à réapprendre.
Variables glissées
Une variable glissée dans la page devient {{ nom }}.
Boucles
Sur des paragraphes ou des lignes de tableau : une ligne par article.
Conditions
Un paragraphe n'apparaît que si la valeur est vraie, ou fausse.
Images variables
Logo, signature, photo : la taille se règle dans le modèle.
Import .docx
Un modèle Word existant s'ouvre et ses balises redeviennent modifiables.
Export .docx
Le fichier exporté sert directement de modèle de génération.
Le composant RlDocxEditor s'intègre dans n'importe quelle application React. Le rangement des modèles et la liste des variables viennent de votre application : l'éditeur ne connaît ni API, ni base de données.
À quoi ça sert ?
Cas
d'usage
Vous éditez un CRM et vos clients gèrent leurs propres modèles de fichiers : factures, devis, attestations. Plutôt que d'imposer vos modèles, vous les laissez créer les leurs.
Le problème : les boucles et les variables d'un modèle Word s'écrivent dans une syntaxe que personne ne connaît. Avec rl-docx-editor, c'est du gâteau : on glisse et on dépose les variables et les boucles, sans rien taper.
Factures
- {{ numero }}
- Variables
- {%tr for %}
- Lignes d'articles
- {%p if %}
- Mention acquittée
- img(logo)
- Logo
Devis
- {{ objet }}
- Variables
- {%tr for %}
- Prestations
- {%p if %}
- Acompte
- validite
- Durée de l'offre
Attestations
- {{ beneficiaire }}
- Variables
- {%p for %}
- Modules suivis
- {%p if %}
- Évaluation réussie
- img(signature)
- Signature
Avant / après
Ne nous croyez pas
sur parole
Le modèle imposé
Sans éditeur
Le CRM livre ses factures et ses devis. Changer un logo, une mention ou l'ordre des colonnes passe par une demande au support… et une attente.
La syntaxe à la main
Modèles personnalisés
Le client peut fournir son .docx, à condition d'y écrire lui-même :
{%tr for a in articles %}
{{ a.designation }} {{ a.total }}
{%tr endfor %}
Une accolade oubliée, et le document ne se génère plus.
Avec rl-docx-editor
Glisser-déposer
Le client ouvre son modèle dans le navigateur, glisse articles sur une ligne du tableau, dépose logo en haut de page et enregistre.
Les balises sont écrites pour lui, au bon endroit, sans faute de frappe.
Syntaxe
Ce que produit
chaque geste
Variable
Texte, nombre, date
{{ client_nom }}Boucle
Liste d'éléments
{%tr for a in articles %}
{%tr endfor %}Condition
Oui / non
{%p if acquittee %}
{%p endif %}Image
Logo, signature
{{ img(logo, "3cm") }}FAQ
Questions fréquentes
Tout ce qu'il faut savoir avant d'intégrer l'éditeur
Qu'est-ce que rl-docx-editor ?
Un composant React qui affiche un éditeur de modèles Word dans le navigateur. On y écrit comme dans Word et on y glisse les variables de son application ; le résultat est un fichier .docx prêt à servir de modèle de génération.
Mes clients doivent-ils connaître la syntaxe des modèles ?
Non. Variables, boucles, conditions et images se placent à la souris depuis le volet « Variables » ; l'éditeur écrit les balises Jinja2 au bon endroit.
Puis-je reprendre des modèles Word existants ?
Oui. Un .docx s'importe dans l'éditeur : sa mise en forme est reprise et ses balises redeviennent des variables, boucles et conditions modifiables.
Comment le document final est-il généré ?
Le .docx exporté contient des balises Jinja2 dans Word : votre serveur le remplit avec ses données. La démo le fait directement dans le navigateur, puis le convertit en PDF.
Où sont rangés les modèles ?
Là où vous le décidez : l'éditeur passe par un adaptateur de stockage fourni par votre application (API, base de données…). Sans adaptateur, il range les modèles dans le navigateur.
Faut-il un serveur pour l'éditeur ?
Non. L'édition, l'import et l'export .docx se font entièrement dans le navigateur.