devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Auditoría web

Limpiador de HTML para Webflow Rich Text

Pega HTML desordenado, de un sitio antiguo, una exportación de WordPress, Google Docs o Word, y obtén un marcado semántico limpio que el elemento Rich Text de Webflow y la importación CMS aceptan sin basura.

Actualizado el
Vista previa limpia

HTML limpio (importación CSV / 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 a Webflow Rich Text
  1. Pega el código HTML o copia texto con formato desde Google Docs, Word o una página web y pégalo directamente en el cuadro (el formato se captura como HTML).
  2. La herramienta elimina clases, IDs, estilos en línea, atributos data y contenedores de diseño, y convierte el estilo de negrita y cursiva en <strong>/<em>.
  3. Haz clic en Copiar Rich Text y pega el contenido en un elemento Rich Text de Webflow o en un campo CMS, o copia el HTML limpio para una importación CSV.


¿Por qué limpiar el HTML antes de importarlo en Webflow?


El elemento Rich Text de Webflow admite un conjunto concreto de etiquetas: encabezados, párrafos, enlaces, negrita, cursiva, listas, citas, imágenes, figuras y saltos de línea. El contenido migrado desde WordPress u otro CMS, o copiado desde Google Docs y Word, llega envuelto en <div> y <span> con clases, estilos en línea (font-family, color, font-size), atributos data-* y párrafos vacíos. Si lo importas tal cual, esa basura sobrescribe la tipografía de Webflow, crea espaciados inconsistentes y engorda el CMS.


Qué hace el limpiador


    

  • Elimina todas las clases, ids, estilos y atributos data (conserva href/target/rel en los enlaces y src/alt en las imágenes).
    • 

  • Quita los contenedores div, span, section, font y similares; convierte los divs que solo contienen texto en párrafos.
    • 

  • Convierte los estilos de Google Docs y Word (font-weight:700, font-style:italic) en <strong> y <em> semánticos.
    • 

  • Elimina scripts, iframes, formularios y SVG; opcionalmente convierte H1 en H2 (el título de la página suele ser el H1) y borra los párrafos vacíos y los &nbsp;.
    • 



Migraciones masivas


Para un blog completo, limpia el cuerpo de cada entrada e impórtalo con la importación CSV del CMS de Webflow o con la API; ambas aceptan HTML en los campos Rich Text. ¿Escribes contenido nuevo en Markdown? Usa Markdown a Webflow Rich Text en su lugar.
También se busca como: webflow rich text, limpiar html, eliminar clases html, quitar estilos en línea, importar cms webflow, google docs a webflow, wordpress a webflow.
Herramientas que combinan con: HTML a Webflow Rich Text
  • HTML a Markdown — Pega HTML — o copia texto enriquecido directamente de una página web, un Google Doc o un correo — y obtén un Markdown ordenado que puedes llevar a un README, una wiki o un sitio estático.
  • Formateador HTML — Pega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques <style> y <script> incrustados.
  • SVG a Webflow — Pega un SVG desde Figma y cópialo a Webflow como Custom Elements reales: cada <svg>, <path> y <g> se convierte en un elemento que puedes seleccionar, asignarle clases y editar en el Navigator.
  • Comillas curvas a rectas — ¿El código copiado de Slack, Notion, Word o un blog no funciona?
Preguntas frecuentes
¿Por qué el texto pegado en Webflow conserva la fuente incorrecta?
El contenido copiado de Docs, Word u otras webs suele traer estilos en línea. Límpialo aquí primero para que se apliquen los estilos propios de Rich Text de Webflow.
¿Webflow Rich Text admite tablas?
No de forma nativa. Por defecto, las tablas se sustituyen por una nota; puedes volver a añadirlas con un elemento Embed dentro del rich text.
¿Se conservan las imágenes?
Sí, se mantienen las etiquetas de imagen (solo src y alt). Para mejores resultados, sube las imágenes a Assets de Webflow para que tengan tamaños responsivos.
¿Puedo usar el HTML para la API de Webflow o la importación CSV?
Sí. Copia el HTML limpio y colócalo en la columna del campo Rich Text o en el payload de la API.
¿Puedo instalar HTML a Webflow Rich Text como aplicación web y utilizarla sin conexión?
Sí. HTML a 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 a Webflow Rich TextPega Markdown, revisa la vista previa y cópialo como texto con formato: títulos, listas, enlaces y…localHTML a MarkdownPega HTML — o copia texto enriquecido directamente de una página web, un Google Doc o un correo — y obtén…localFormateador HTMLPega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques…localSVG a WebflowPega un SVG desde Figma y cópialo a Webflow como Custom Elements reales: cada <svg>, <path> y <g> se…localComillas curvas a rectas¿El código copiado de Slack, Notion, Word o un blog no funciona? Las comillas tipográficas, los guiones y…localGenerador de escala tipográficaElige un tamaño de fuente base y una razón (Tercera menor, Tercera mayor, Cuarta justa, Razón áurea) y…