devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Auditoría web

Esta página aún no está traducida al español, así que la mostramos en 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.

Actualizado el
Clean preview

Clean HTML (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: 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.
También se busca como: webflow rich text, clean html, strip classes, remove inline styles, webflow cms import, google docs to webflow, wordpress to webflow.
Herramientas que combinan con: 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?
Preguntas frecuentes
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.
¿Puedo instalar HTML to Webflow Rich Text como aplicación web y utilizarla sin conexión?
Sí. HTML 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
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…