Markdown a Componente React
Convierte Markdown a componente React online. Genera un componente TSX listo para usar con dangerouslySetInnerHTML y DOMPurify. Copia o descarga instantáneamente.
Suelta archivos .md aquí o haz clic para seleccionar
Múltiples archivos admitidos
Genera un componente funcional React que renderiza tu Markdown como HTML usando marked y DOMPurify. Incluye la directiva 'use client', importaciones tipadas y un comentario de uso — listo para pegar en cualquier proyecto React o Next.js.
Conversor Markdown Gratuito — HTML, PDF, Word, Slack, React
Un conversor Markdown basado en navegador que transforma archivos .md en HTML, documentos Word, mensajes Slack, componentes React o PDFs imprimibles — sin subir nada a un servidor.
Markdown a HTML
Convierte a HTML5 semántico limpio. Obtén un documento completo o fragmento en bruto con sanitización adecuada.
Markdown a PDF
Exportación PDF A4 de calidad de impresión usando el motor de impresión nativo del navegador.
Markdown a Word
Descarga un archivo .doc que se abre en Microsoft Word, Google Docs y LibreOffice.
Markdown a Slack
Convierte al formato mrkdwn de Slack: *negrita*, _cursiva_, ~tachado~, <url|texto>.
Markdown a React
Genera un componente React listo para usar con dangerouslySetInnerHTML y DOMPurify.
Conversión por lotes
Sube múltiples archivos .md y descarga todos los convertidos en un solo ZIP.
Cómo convertir Markdown
- 1
Pega tu Markdown en el área de entrada, o cambia al modo Por lotes para subir múltiples archivos .md.
- 2
Selecciona el formato de salida: HTML, PDF, Word, Slack o React.
- 3
Haz clic en 'Convertir y descargar' — el archivo se descarga instantáneamente en tu dispositivo.
Preguntas Frecuentes
¿Qué librerías usa el componente?
marked para parsear Markdown y DOMPurify para sanitización XSS. Instalar con: npm install marked dompurify @types/dompurify
¿Es seguro dangerouslySetInnerHTML?
Sí, porque el HTML se sanitiza con DOMPurify antes del renderizado, eliminando vectores XSS. Este es el patrón estándar seguro para HTML dinámico en React.
¿Funciona con Next.js?
Sí. El componente incluye la directiva 'use client' ya que DOMPurify requiere el entorno del navegador. Funciona en cualquier proyecto React 18+ o Next.js 13+.