Conversor de MDX
Renderiza MDX como texto, convierte HTML → MDX y escapa texto a MDX literal.
Tu MDX, HTML y texto se procesan de forma local en tu navegador y nada se sube a un servidor.
¿Necesitas Markdown puro? Prueba la herramienta Markdown.
Acerca de Conversor de MDX
Este conversor de mdx te ayuda a trabajar con contenido MDX de tres maneras: renderiza MDX como texto formateado y legible, convierte HTML en Markdown/MDX limpio de GitHub, y escapa texto plano a MDX literal y válido. Está pensado para desarrolladores, redactores técnicos y equipos de documentación que mueven contenido entre HTML, Markdown y MDX. Usa el modo HTML a MDX para convertir el marcado pegado en Markdown ordenado con encabezados, tablas, bloques de código y listas, o el modo de renderizado para previsualizar MDX sin levantar una compilación. Los componentes JSX nunca se ejecutan: los componentes se eliminan mientras se conserva su texto interno, y las expresiones se descartan. Todo se ejecuta de forma local en tu navegador, así que tus borradores, documentos y fragmentos permanecen en tu máquina mientras conviertes y previsualizas.
Características
- Renderiza MDX como texto formateado con un panel de vista previa en vivo
- Convierte HTML en Markdown/MDX limpio de GitHub
- Escapa texto plano a MDX literal y válido (maneja los caracteres < { })
- Conserva encabezados, tablas, bloques de código, listas y citas al convertir HTML
- Elimina componentes y expresiones JSX de forma segura sin ejecutar ningún código
- Copia el texto, HTML o MDX renderizado con un solo clic
- Descarga los resultados como archivo .html o .mdx
Cómo usar Conversor de MDX
- Elige un modo en la parte superior: MDX → Vista previa, HTML → MDX o Texto → MDX.
- Pega tu MDX, HTML o texto plano en el cuadro de entrada (o carga un ejemplo).
- Revisa la vista previa renderizada o la salida convertida a la derecha.
- Usa Copiar para llevarte el texto, HTML o MDX, o Descargar para guardarlo como archivo.
Ejemplo
Entrada
<h2>Features</h2>
<ul><li>Fast</li><li>Local</li></ul>
Salida
## Features
- Fast
- Local
El modo HTML a MDX convierte el marcado en Markdown limpio.
Errores comunes y solución de problemas
- Los componentes JSX desaparecen de la salida. — Esto es lo esperado. Los componentes se eliminan y su texto interno se conserva; nada se ejecuta. Incorpora el contenido como Markdown si necesitas conservarlo.
- Las expresiones entre llaves como {version} se desvanecen en el modo de vista previa. — Las expresiones MDX se eliminan porque no se ejecuta JavaScript. Reemplázalas con texto literal antes de renderizar.
- El texto pegado rompe MDX por caracteres sueltos < o {. — Usa el modo Texto a MDX para escapar <, { y } de modo que el contenido se convierta en MDX válido y literal.
- El HTML se convierte pero se ignora una etiqueta. — La conversión apunta a etiquetas estructurales comunes (encabezados, tablas, código, listas, enlaces, citas). Simplifica el marcado poco común o mal formado y convierte de nuevo.
Preguntas frecuentes
- ¿Qué es el Conversor de MDX?
- El Conversor de MDX renderiza MDX como texto formateado, convierte HTML en Markdown/MDX limpio y escapa texto plano a MDX literal. Cambias entre los tres modos con un solo clic.
- ¿El Conversor de MDX ejecuta los componentes JSX?
- No. Los componentes se eliminan (su texto interno se conserva) y las expresiones se descartan, así que nunca se ejecuta nada.
- ¿Qué produce HTML a MDX?
- Genera Markdown de GitHub, incluidos encabezados, tablas, bloques de código, listas, enlaces y citas.
- ¿Cómo hago que el texto plano sea MDX válido?
- Usa el modo Texto → MDX, que escapa caracteres como <, { y } para que el texto se convierta en MDX literal y válido.
- ¿Puedo convertir MDX a Markdown con esta herramienta?
- Sí. El modo HTML a MDX produce Markdown de GitHub, y el modo de vista previa renderiza MDX a texto legible que puedes copiar como contenido compatible con Markdown.
- ¿Mi contenido se sube a algún lugar cuando uso el Conversor de MDX?
- No. El Conversor de MDX se ejecuta por completo en tu navegador, así que tu MDX, HTML y texto nunca salen de tu dispositivo.
Herramientas relacionadas
- Vista previa de Markdown — Renderiza Markdown a HTML con vista previa en vivo.
- Formateador de HTML — Embellece o minifica HTML, formatea CSS/JS en línea y previsualiza el resultado.
- Formateador de XML — Embellece, minifica y valida XML, y convierte XML ↔ JSON.
- Escapar / Desescapar HTML — Escapa y desescapa caracteres especiales y entidades HTML.
- JSON a código — Genera tipos de Go, Rust, Python, Java, Kotlin, C# y TypeScript a partir de JSON.
- Renderizador de diagramas Mermaid — Renderiza diagramas Mermaid (flujo, secuencia, gantt) a SVG en tu navegador.
- Conversor de mayúsculas y minúsculas — Convierte texto entre camelCase, snake_case, kebab-case, PascalCase y más.
- Comparar texto — Compara dos textos línea por línea y ve adiciones y eliminaciones.
Todas las herramientas de ArrayKit