devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Auditoria do site

Esta página ainda não foi traduzida para o português, por isso aparece em inglês.

HTML to Webflow Rich Text Cleaner

Paste messy HTML — from an old site, WordPress export, Google Docs or Word — and get clean semantic markup that Webflow’s Rich Text element and CMS import accept without junk.

Atualizado em
Clean preview

Clean HTML (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: HTML to Webflow Rich Text
  1. Paste HTML source — or copy formatted text from Google Docs, Word or a web page and paste it straight into the box (the formatting is captured as HTML).
  2. The tool removes classes, IDs, inline styles, data attributes and layout wrappers, and turns bold/italic styling into <strong>/<em>.
  3. Click Copy rich text and paste into a Webflow Rich Text element or CMS field — or copy the clean HTML for a CSV import.


Why clean HTML before importing into Webflow?


Webflow’s Rich Text element supports a focused set of tags: headings, paragraphs, links, bold, italic, lists, quotes, images, figures and line breaks. Content migrated from WordPress or another CMS — or copied from Google Docs and Word — arrives wrapped in <div>s and <span>s with classes, inline styles (font-family, color, font-size), data-* attributes and empty paragraphs. Imported as-is, that junk overrides your Webflow typography, creates inconsistent spacing and bloats the CMS.


What the cleaner does


    

  • Removes every class, id, style and data attribute (keeps href/target/rel on links and src/alt on images).
    • 

  • Unwraps div, span, section, font and similar wrappers; turns text-only divs into paragraphs.
    • 

  • Converts Google Docs/Word styling (font-weight:700, font-style:italic) into semantic <strong> and <em>.
    • 

  • Strips scripts, iframes, forms and SVGs; optionally converts H1 to H2 (the page title is usually the H1) and removes empty paragraphs and &nbsp;.
    • 



Bulk migrations


For a whole blog, clean each post’s body and import it through Webflow’s CMS CSV import or API — both accept HTML for Rich Text fields. Writing new content in Markdown? Use Markdown to Webflow Rich Text instead.
Também pesquisado como: webflow rich text, clean html, strip classes, remove inline styles, webflow cms import, google docs to webflow, wordpress to webflow.
Ferramentas que combinam com: HTML 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.
  • HTML Formatter — Paste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and <script> blocks.
  • 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.
  • Smart Quotes to Straight Quotes — Code copied from Slack, Notion, Word or a blog won’t run?
Perguntas frequentes
Why does pasted text in Webflow keep the wrong font?
Content copied from Docs, Word or other sites often carries inline styles. Clean it here first so Webflow’s own Rich Text styles apply.
Does Webflow Rich Text support tables?
Not natively. Tables are replaced with a note by default — add them back with an Embed element inside the rich text.
Are images kept?
Image tags are kept (src and alt only). For best results upload images to Webflow’s Assets so they get responsive sizes.
Can I use the HTML for the Webflow API or CSV import?
Yes — copy the clean HTML output and place it in the Rich Text field column or API payload.
Posso instalar o HTML to Webflow Rich Text como um aplicativo da web e usá-lo offline?
Sim. O HTML 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
localMarkdown to Webflow Rich TextPaste Markdown, check the preview and copy it as formatted rich text — headings, lists, links and bold…localHTML to MarkdownPaste HTML — or copy rich text straight from a web page, Google Doc or email — and get tidy Markdown you…localHTML FormatterPaste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and…localSVG to WebflowPaste an SVG from Figma and copy it to Webflow as real Custom Elements — every <svg>, <path> and <g>…localSmart Quotes to Straight QuotesCode copied from Slack, Notion, Word or a blog won’t run? Typographic “smart quotes”, dashes and…localType Scale GeneratorPick a base font size and a ratio — Minor Third, Major Third, Perfect Fourth, Golden Ratio — and get a…