devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Website-Check

Diese Seite ist noch nicht auf Deutsch verfügbar, daher zeigen wir die englische Version.

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.

Aktualisiert am
Clean preview

Clean HTML (CSV import / API)


    
 Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

    
devpack.app ist ein unabhängiges Tool und steht in keiner Verbindung zu Webflow, Inc. oder Figma, Inc. und wird von diesen weder gesponsert noch empfohlen. Webflow und Figma sind Marken ihrer jeweiligen Inhaber.

    
    

      
So nutzt du: 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.
Auch gesucht als: webflow rich text, clean html, strip classes, remove inline styles, webflow cms import, google docs to webflow, wordpress to webflow.
Passende Tools zu: 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?
Häufige Fragen
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.
Kann ich HTML to Webflow Rich Text als Web-App installieren und offline nutzen?
Ja. HTML to Webflow Rich Text ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

      
    

    
    
Ähnliche Tools
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…