Markdown a Webflow Rich Text

Pega Markdown, revisa la vista previa y cópialo como texto con formato: títulos, listas, enlaces y negritas se pasan correctamente al elemento Rich Text de Webflow.

Actualizado el
Suelta un archivo .md o haz clic para elegir
Vista previa de texto enriquecido

Notas para Webflow

    HTML (para importar CSV del CMS / 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: Markdown a Webflow Rich Text

    1. Pega Markdown, por ejemplo un artículo redactado en ChatGPT, Claude, Notion o un README de GitHub, o arrastra un archivo .md.
    2. Revisa la vista previa y las opciones: el primer H1 se elimina por defecto, porque Webflow suele mostrar el nombre de la página o del elemento CMS como H1.
    3. Haz clic en Copiar texto enriquecido (o pulsa Ctrl/⌘+Enter).
    4. En Webflow, haz clic dentro de un elemento Rich Text (en el lienzo o en el campo de texto enriquecido de un elemento CMS) y pega.

    ¿Por qué convertir Markdown antes de pegarlo en Webflow?

    Las herramientas de escritura con IA, Notion y la documentación para desarrolladores generan Markdown: ## Título, **negrita**, - elemento de lista. El elemento Rich Text de Webflow no entiende la sintaxis de Markdown, así que si lo pegas directamente te quedan almohadillas y asteriscos literales que tendrás que limpiar a mano. Esta herramienta convierte el Markdown a HTML y lo copia al portapapeles como texto con formato, igual que al copiar desde una página web, para que Webflow reciba títulos, listas y enlaces reales.

    Qué se traslada a Webflow

    MarkdownEn Webflow Rich Text
    Encabezados # – ######H1–H6 (el primer H1 se elimina por defecto)
    Párrafos, **negrita**, *cursiva*Párrafos, negrita, cursiva
    [texto](url)Enlaces (opcionalmente se abren en una pestaña nueva)
    Listas con - y 1.Listas con viñetas y numeradas
    Citas con >Bloques de cita
    Tablas, bloques de código, imágenesRequieren pasos extra: consulta el panel de notas

    Jerarquía de encabezados y SEO

    Cada página debería tener un solo H1. En las plantillas de CMS de Webflow, el nombre del elemento suele ser ya el H1, así que un H1 adicional dentro del contenido genera H1 duplicados. Revísalo en cualquier página con el Heading Checker. La opción «Bajar nivel de encabezados» desplaza cada encabezado un nivel hacia abajo si tu borrador empieza en H2 para las secciones y tú necesitas H3.

    Importar muchos artículos

    Para importaciones masivas, usa la salida HTML: la importación CSV del CMS de Webflow y la API de Webflow aceptan HTML en los campos Rich Text. ¿Migras un blog completo? La herramienta Markdown a HTML ofrece documentos HTML completos y más opciones.

    También se busca como: markdown a rich text webflow, webflow rich text, webflow cms, pegar markdown, chatgpt a webflow, md a html, markdown a webflow, convertir markdown webflow.

    Herramientas que combinan con: Markdown 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.
    • Contador de palabras — Pega o escribe tu texto para contar palabras y caracteres en tiempo real, además de calcular el tiempo de lectura y de pronunciación, la densidad de palabras clave y comprobar la longitud de los títulos SEO, las metadescripciones y las publicaciones en redes sociales.
    • 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.
    • Redirecciones de WordPress a Webflow — Migrar un sitio de WordPress a Webflow cambia casi todas las URLs: rutas de blog con fecha, archivos /category/, barras finales y slugs de páginas.

    Preguntas frecuentes

    ¿Por qué al pegar aparecen los símbolos de Markdown sin formato?
    El elemento Rich Text de Webflow no interpreta Markdown. Copia desde esta herramienta: pone HTML con formato en el portapapeles, que Webflow convierte en títulos, listas y enlaces.
    ¿Puedo pegar en elementos del CMS?
    Sí. Abre el elemento del CMS, haz clic en el campo de texto enriquecido y pega. También puedes usar la salida HTML para las importaciones CSV.
    ¿Qué pasa con las tablas?
    El elemento Rich Text de Webflow no admite tablas nativas. Añade un Embed dentro del texto enriquecido y pega ahí el HTML de la tabla.
    ¿Se importan las imágenes?
    No de forma fiable. Sube las imágenes al panel de Assets de Webflow e insértalas con el menú «+» del texto enriquecido para que tengan texto alternativo y tamaños responsivos.
    ¿Funciona con la salida de ChatGPT o Claude?
    Sí. Pega el Markdown del chat (usa el botón de copiar de la respuesta) y el formato se convierte sin problemas.
    ¿Puedo instalar Markdown a Webflow Rich Text como aplicación web y utilizarla sin conexión?
    Sí. Markdown 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