Esta página aún no está traducida al español, así que la mostramos en inglés.

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.

Actualizado el
Drop a .md file or click to choose
Rich text preview

Notes for Webflow

    HTML (for CMS CSV import / API)

    Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

    devpack.app es una herramienta independiente y no está afiliada, patrocinada ni respaldada por Webflow, Inc. ni Figma, Inc. Webflow y Figma son marcas de sus respectivos propietarios.

    Cómo usar: 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.

    También se busca como: markdown to rich text, webflow rich text, webflow cms, paste markdown, chatgpt to webflow, md to html.

    Herramientas que combinan con: 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.
    • Contador de palabras — Pega o escribe tu texto para contar palabras y caracteres en tiempo real, además de calcular el tiempo de lectura y de pronunciación, la densidad de palabras clave y comprobar la longitud de los títulos SEO, las metadescripciones y las publicaciones en redes sociales.
    • 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.

    Preguntas frecuentes

    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.
    ¿Puedo instalar Markdown to Webflow Rich Text como aplicación web y utilizarla sin conexión?
    Sí. Markdown to Webflow Rich Text es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

    Herramientas relacionadas