Comment utiliser : Markdown vers Webflow Rich Text
- Collez du Markdown, par exemple un article rédigé dans ChatGPT, Claude, Notion ou un README GitHub, ou déposez un fichier
.md. - Vérifiez l’aperçu et les options : le premier H1 est supprimé par défaut, car Webflow utilise généralement le nom de la page ou de l’élément CMS comme H1.
- Cliquez sur Copier le texte riche (ou appuyez sur Ctrl/⌘+Entrée).
- Dans Webflow, cliquez dans un élément Rich Text (sur le canvas ou dans le champ de texte riche d’un élément CMS), puis collez.
Pourquoi convertir le Markdown avant de le coller dans Webflow ?
Les outils d’écriture par IA, Notion et la documentation technique produisent du Markdown : ## Titre, **gras**, - élément de liste. L’élément Rich Text de Webflow ne comprend pas cette syntaxe : un collage direct laisse donc des dièses et des astérisques à nettoyer à la main. Cet outil convertit le Markdown en HTML et place sur le presse-papiers du texte mis en forme, comme lors d’une copie depuis une page web. Webflow reçoit ainsi de vrais titres, de vraies listes et de vrais liens.
Ce qui est conservé dans Webflow
| Markdown | Dans Webflow Rich Text |
|---|---|
Titres # – ###### | H1 à H6 (premier H1 supprimé par défaut) |
Paragraphes, **gras**, *italique* | Paragraphes, gras, italique |
[texte](url) | Liens (ouverts éventuellement dans un nouvel onglet) |
Listes - et 1. | Listes à puces et listes numérotées |
Citations > | Blocs de citation |
| Tableaux, blocs de code, images | Nécessitent des étapes supplémentaires : voir le panneau des notes |
Hiérarchie des titres et référencement
Chaque page doit comporter un seul H1. Sur les modèles CMS de Webflow, le nom de l’élément sert souvent déjà de H1 : un H1 supplémentaire dans le corps du texte crée donc des doublons. Vérifiez n’importe quelle page avec le Heading Checker. L’option « Rétrograder les titres » décale chaque titre d’un niveau vers le bas, utile si votre brouillon utilise H2 pour les sections alors que vous avez besoin de H3.
Importer de nombreux articles
Pour les imports en masse, utilisez la sortie HTML : l’import CSV du CMS de Webflow et l’API Webflow acceptent le HTML pour les champs Rich Text. Vous migrez un blog complet ? L’outil Markdown vers HTML produit des documents HTML complets et propose davantage d’options.
Aussi recherché comme : markdown vers webflow, webflow rich text, webflow cms, coller markdown webflow, chatgpt vers webflow, convertisseur markdown html.
Outils complémentaires : Markdown vers Webflow Rich Text
- HTML vers Markdown — Collez du HTML, ou copiez du texte enrichi directement depuis une page web, un Google Doc ou un e-mail, puis obtenez un Markdown soigné à intégrer dans un README, un wiki ou un site statique.
- Compteur de mots — Collez ou saisissez votre texte pour compter en temps réel le nombre de mots et de caractères, ainsi que la durée de lecture et de prononciation, la densité des mots-clés et la longueur des titres, méta-descriptions et publications sur les réseaux sociaux à des fins de référencement.
- SVG vers Webflow — Collez un SVG depuis Figma et copiez-le dans Webflow sous forme de véritables Custom Elements : chaque <svg>, <path> et <g> devient un élément que vous pouvez sélectionner, classer et modifier dans le Navigator.
- Redirections WordPress vers Webflow — Migrer un site de WordPress vers Webflow modifie presque toutes les URL : chemins d'articles datés, archives /category/, slashes finaux et slugs de pages.