Esta página ainda não foi traduzida para o português, por isso aparece em 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.

Atualizado em
Drop a .md file or click to choose
Rich text preview

Notes for Webflow

    HTML (for CMS CSV import / API)

    Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

    devpack.app é uma ferramenta independente e não é afiliada, patrocinada ou endossada pela Webflow, Inc. ou pela Figma, Inc. Webflow e Figma são marcas de seus respectivos donos.

    Como 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.

    Também pesquisado como: markdown to rich text, webflow rich text, webflow cms, paste markdown, chatgpt to webflow, md to html.

    Ferramentas que combinam com: 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 palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.
    • 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.

    Perguntas frequentes

    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.
    Posso instalar o Markdown to Webflow Rich Text como um aplicativo da web e usá-lo offline?
    Sim. O Markdown to Webflow Rich Text é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

    Ferramentas relacionadas