devpack
Site Audit

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.

Runs in your browser
Clean preview

Clean HTML (CSV import / API)


    
 Your data never leaves your computer. All processing happens 100% locally in your browser.

    
devpack.app is an independent utility and is not affiliated with, sponsored by, or endorsed by Webflow, Inc. or Figma, Inc. Webflow and Figma are trademarks of their respective owners.

    
    

      
How to use the 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.
Tools that pair well with the 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.
  • Smart Quotes to Straight Quotes — Code copied from Slack, Notion, Word or a blog won’t run?
  • HTML & CSS to Webflow — Paste HTML and its CSS, click Copy to Webflow and paste into the Designer — you get real Div Blocks, Headings, Links, Images and Lists with classes, combo classes, tablet/mobile breakpoints and hover states instead of one big Code Embed.
Frequently asked questions
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.

      
    

    
Related tools
Markdown to Webflow Rich TextPaste Markdown, check the preview and copy it as formatted rich text — headings, lists, links and bold…HTML to MarkdownPaste HTML — or copy rich text straight from a web page, Google Doc or email — and get tidy Markdown you…HTML FormatterPaste minified or messy markup and get clean, consistently indented HTML — including embedded <style> and…SVG to WebflowPaste an SVG from Figma and copy it to Webflow as real Custom Elements — every <svg>, <path> and <g>…Smart Quotes to Straight QuotesCode copied from Slack, Notion, Word or a blog won’t run? Typographic “smart quotes”, dashes and…HTML & CSS to WebflowPaste HTML and its CSS, click Copy to Webflow and paste into the Designer — you get real Div Blocks,…