Cette page n’est pas encore traduite en français : elle s’affiche en anglais.

Markdown to Webflow Rich Text

Paste Markdown, check the preview and copy it as formatted rich text — headings, lists, links and bold text land correctly in Webflow’s Rich Text element.

Mis à jour le
Drop a .md file or click to choose
Rich text preview

Notes for Webflow

    HTML (for CMS CSV import / API)

    Vos données ne quittent jamais votre ordinateur. Tout le traitement se fait localement dans votre navigateur.

    devpack.app est un outil indépendant, non affilié à Webflow, Inc. ni à Figma, Inc., et n’est ni sponsorisé ni approuvé par eux. Webflow et Figma sont des marques de leurs propriétaires respectifs.

    Comment utiliser : Markdown to Webflow Rich Text

    1. Paste Markdown — for example an article drafted in ChatGPT, Claude, Notion or a GitHub README — or drop a .md file.
    2. Check the preview and options: the first H1 is removed by default because Webflow usually outputs the page or CMS item name as the H1.
    3. Click Copy rich text (or press Ctrl/⌘+Enter).
    4. In Webflow, click inside a Rich Text element (on the canvas or in a CMS item’s rich text field) and paste.

    Why convert Markdown before pasting into Webflow?

    AI writing tools, Notion and developer docs all produce Markdown — ## Heading, **bold**, - list item. Webflow’s Rich Text element doesn’t understand Markdown syntax, so pasting it directly leaves you with literal hashes and asterisks to clean up by hand. This tool renders the Markdown to HTML and puts it on your clipboard as formatted text, the same way copying from a web page does, so Webflow receives real headings, lists and links.

    What carries over to Webflow

    MarkdownIn Webflow Rich Text
    # – ###### headingsH1–H6 (first H1 removed by default)
    Paragraphs, **bold**, *italic*Paragraphs, bold, italic
    [text](url)Links (optionally opening in a new tab)
    - and 1. listsBulleted and numbered lists
    > quotesBlock quotes
    Tables, code blocks, imagesNeed extra steps — see the notes panel

    Heading hierarchy and SEO

    Each page should have one H1. On Webflow CMS templates the item name is usually already the H1, so an extra H1 inside the body creates duplicate H1s — check any page with the Heading Checker. “Demote headings” shifts every heading down one level if your draft starts at H2 for sections but you need H3.

    Importing many articles

    For bulk imports, use the HTML output: Webflow’s CMS CSV import and the Webflow API accept HTML for Rich Text fields. Migrating a whole blog? The Markdown to HTML tool gives full HTML documents and options.

    Aussi recherché comme : markdown to rich text, webflow rich text, webflow cms, paste markdown, chatgpt to webflow, md to html.

    Outils complémentaires : Markdown to Webflow Rich Text

    • HTML to Markdown — Paste HTML — or copy rich text straight from a web page, Google Doc or email — and get tidy Markdown you can drop into a README, wiki or static site.
    • 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 to Webflow — Paste an SVG from Figma and copy it to Webflow as real Custom Elements — every <svg>, <path> and <g> becomes an element you can select, class and edit in the Navigator.
    • WordPress to Webflow Redirects — Moving a site from WordPress to Webflow changes almost every URL: dated blog paths, /category/ archives, trailing slashes and page slugs.

    Questions fréquentes

    Why does pasting show raw Markdown symbols?
    Webflow’s Rich Text element doesn’t parse Markdown. Copy from this tool instead — it puts formatted HTML on the clipboard, which Webflow converts into headings, lists and links.
    Can I paste into CMS items?
    Yes. Open the CMS item, click into the rich text field and paste. You can also use the HTML output for CSV imports.
    What happens to tables?
    Webflow’s Rich Text element doesn’t support native tables. Add an Embed inside the rich text and paste the table HTML there.
    Are images imported?
    Not reliably. Upload images to Webflow’s Assets panel and insert them with the rich text “+” menu so they get alt text and responsive sizes.
    Does it work with ChatGPT or Claude output?
    Yes — paste the Markdown from the chat (use the copy button on the response) and the formatting converts cleanly.
    Puis-je installer Markdown to Webflow Rich Text en tant qu’application web et l’utiliser hors ligne ?
    Oui. Markdown to Webflow Rich Text est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.

    Outils similaires