Entrada HTML de texto enriquecido
Pega el HTML original desde la vista de código fuente de tu editor WYSIWYG
Convierte HTML de editores WYSIWYG a Markdown limpio — compatible con 6 editores
Los editores de texto enriquecido producen HTML lleno de marcado específico del editor — clases propietarias, atributos de datos, estilos en línea y elementos envolventes. Este HTML está vinculado a un editor y CMS específicos. Markdown es lo opuesto: un formato de texto plano que es portable a cualquier plataforma, legible en su forma original y funciona perfectamente con control de versiones (los diffs de Git son limpios y significativos).
Los desarrolladores y equipos de contenido migran a Markdown por tres razones: portabilidad (mover contenido entre plataformas sin reformatear), experiencia de desarrollo (escribir documentación junto al código en el mismo editor) y preparación para el futuro (Markdown de 2004 todavía se renderiza perfectamente hoy; el HTML vinculado a un editor de 2018 puede que no).
| Editor | Usado por | Peculiaridades HTML | Dificultad de migración |
|---|---|---|---|
| TinyMCE | WordPress Classic, Joomla, Drupal | Clases mce-*, atributos data-mce-*, envuelve contenido en <p> | Fácil |
| CKEditor 4/5 | Drupal, Magento, aplicaciones personalizadas | Clases cke_*, envoltorio de imagen <figure>, embevidos <oembed> | Fácil–Moderada |
| Quill | Aplicaciones web modernas, editores estilo Notion | Clases ql-*, .ql-indent-N, .ql-align-*, <span> anidados para formato | Moderada |
| WordPress Gutenberg | WordPress 5.0+ | Comentarios <!-- wp:paragraph -->, clases wp-block-*, clases utilitarias has-* | Moderada |
| UEditor (Baidu) | CMS chinos, aplicaciones empresariales | Clases list-paddingleft-*, atributos personalizados _src, eliminación de etiquetas style | Fácil |
Paso 1 — Exportar. Extrae el contenido HTML de tu CMS o editor actual. Para WordPress, usa la herramienta de exportación nativa. Para aplicaciones personalizadas, consulta la base de datos directamente. Guarda los archivos HTML originales — no modifiques nada todavía.
Paso 2 — Seleccionar y convertir. Elige tu editor del menú desplegable de arriba para habilitar las reglas de limpieza específicas. Pega el HTML de cada artículo y copia el resultado en Markdown. El conversor elimina automáticamente las clases mce-*, cke_*, ql-*, wp-block-*.
Paso 3 — Validar. Revisa el Markdown convertido. Las imágenes deben usar la sintaxis . Las listas deben tener indentación consistente. Los bloques de código deben usar delimitadores ```. Las tablas deben renderizarse correctamente en tu vista previa de Markdown.
Paso 4 — Importar. Coloca los archivos .md en tu generador de sitios estáticos (Hugo, Jekyll, Astro, Next.js, VitePress). Añade frontmatter al inicio de cada archivo para título, fecha y etiquetas.
Markdown no siempre es la opción correcta. Si tu contenido depende de diseños de tabla complejos (colspan/rowspan), embevidos HTML personalizados o estilos en línea precisos, la conversión perderá fidelidad. En estos casos, conserva el HTML y usa un CMS que renderice HTML junto a Markdown — la mayoría de generadores de sitios estáticos admiten ambos.
Selecciona el tipo de editor del menú desplegable, cambia a la vista Código fuente/HTML de tu editor, copia el HTML original y pégalo aquí. El conversor elimina el marcado específico del editor (mce-* de TinyMCE, cke_* de CKEditor, ql-* de Quill, comentarios de bloque de WordPress, clases de padding de UEditor) y produce Markdown limpio.
TinyMCE, CKEditor 4/5, Quill, WordPress Block Editor (Gutenberg) y Classic Editor, UEditor (Baidu) y HTML genérico/desconocido. Cada uno tiene reglas de limpieza personalizadas. Si tu editor no aparece en la lista, "HTML genérico" igualmente produce buenos resultados con la conversión estándar de Turndown.js.
Sí. Selecciona "WordPress" del menú desplegable de editores. El conversor elimina los comentarios de bloque <!-- wp:... -->, las clases wp-block-* y los estilos en línea tanto de Gutenberg como del Editor Clásico. El Markdown resultante funciona directamente con Hugo, Jekyll, Astro y otros generadores de sitios estáticos.
Asegúrate de haber seleccionado el editor correcto del menú desplegable. Cada editor tiene reglas de limpieza específicas. Si seleccionas "HTML genérico", no se aplica ninguna limpieza específica del editor. Cambia a tu editor real y el conversor eliminará su marcado propietario.
Pandoc es una potente herramienta de línea de comandos pero no tiene conocimiento del marcado específico de cada editor — no puede eliminar las clases mce-item de TinyMCE ni los atributos ql-indent de Quill. Esta herramienta añade un preprocesamiento consciente del editor antes de la conversión de HTML a Markdown, y se ejecuta en tu navegador sin configuración.
Las imágenes se convierten a sintaxis , conservando los atributos src y alt originales. El contenido multimedia embebido (oEmbed, iframes) se convierte en un enlace Markdown que apunta a la URL del medio. Es posible que necesites reemplazar manualmente las URL temporales o de CDN con las rutas de imagen definitivas después de la migración.