Esta herramienta de vista previa de markdown renderiza tu Markdown a HTML limpio en paralelo mientras escribes, para que veas exactamente cómo se verá un README, un documento o un comentario. Admite Markdown de GitHub (GFM), incluidas tablas, bloques de código delimitados, listas tipo tarea, citas, enlaces y formato en línea. Úsala como un editor de markdown y visor de markdown rápido para redactar documentación, revisar el formato antes de subir a un repositorio, o convertir markdown a html y copiar el resultado en un CMS. Por defecto, un salto de línea simple se convierte en salto de línea; con el interruptor GitHub style pasa a ser un espacio, como en un README. Se eliminan las etiquetas script, iframe y similares, los atributos de evento y los enlaces javascript:, un filtro básico y no un saneamiento completo. Está pensada para desarrolladores, redactores técnicos y QA que necesitan una vista previa gfm rápida y precisa. Todo se procesa de forma local en tu navegador, así que tu borrador nunca sale de tu dispositivo.
Características
Vista previa en paralelo en vivo que se actualiza mientras escribes
Markdown de GitHub con tablas, bloques de código delimitados y listas de tareas
Admite encabezados, listas, citas, enlaces y énfasis en línea
Por defecto, los saltos de línea simples son saltos; GitHub style los convierte en espacios, como en un README
Elimina las etiquetas script, style, iframe, object, embed, link, meta y base, los atributos de evento y los enlaces javascript:
Copia el HTML renderizado a tu portapapeles con un solo clic
Descarga el resultado como un archivo .html listo para usar
Se ejecuta por completo en tu navegador
Cómo usar Vista previa de Markdown
Escribe o pega tu Markdown en el cuadro de entrada de la izquierda.
Observa cómo el HTML renderizado aparece al instante en el panel de Vista previa.
Haz clic en Copiar HTML para llevar el marcado renderizado a tu portapapeles.
Usa el botón .html para descargar la salida como archivo, o Borrar para empezar de nuevo.
Ejemplo
Entrada
# Title
- **Bold** item
- [Link](https://example.com)
Encabezados, listas y formato en línea de Markdown renderizados a HTML.
Errores comunes y solución de problemas
Una tabla no se renderiza y se muestra como texto plano. — Las tablas de GFM necesitan una fila de encabezado y una línea separadora de guiones y barras verticales, como | A | B | seguida de | --- | --- |. Asegúrate de que cada fila tenga las barras coincidentes.
Un bloque de código filtra el formato al resto del documento. — Cierra cada bloque delimitado con una línea de triple acento grave coincidente. Una delimitación sin cerrar hace que el renderizador trate el resto del texto como código.
Los saltos de línea simples no se conservan como esperabas. — Por defecto, un salto de línea simple se convierte en salto de línea. Activa GitHub style para tratarlo como un espacio, como GitHub muestra un README, y deja una línea en blanco entre bloques cuando quieras párrafos separados.
Las etiquetas HTML sin procesar como script o iframe desaparecen de la vista previa. — Las etiquetas script, style, iframe, object, embed, link, meta y base y los atributos de evento on* se eliminan por diseño. Usa Markdown puro o HTML en línea sencillo en su lugar.
Preguntas frecuentes
¿Qué es la herramienta de Vista previa de Markdown de ArrayKit?
Es una vista previa de markdown en vivo que renderiza tu Markdown a HTML limpio en paralelo mientras escribes, para que revises el formato de READMEs, documentos y comentarios antes de publicar.
¿La Vista previa de Markdown admite Markdown de GitHub?
Sí. La Vista previa de Markdown renderiza GFM, así que las tablas, los bloques de código delimitados y las listas tipo tarea se muestran correctamente en el panel de vista previa.
¿Cómo copio o descargo el HTML renderizado?
Haz clic en Copiar HTML para enviar el marcado renderizado a tu portapapeles, o usa el botón .html para descargarlo como un archivo listo para usar.
¿Qué elimina la Vista previa de Markdown del HTML?
Las etiquetas script, style, iframe, object, embed, link, meta y base, los atributos de evento on* como onclick y los enlaces que empiezan por javascript:. Es un filtro básico, no un saneamiento completo, así que si el Markdown viene de alguien en quien no confías, limpia el HTML con un saneador adecuado antes de publicarlo.
¿La Vista previa de Markdown conserva los saltos de línea simples?
Por defecto, sí: un salto de línea simple se convierte en salto de línea, como en los comentarios y el chat. Activa GitHub style y los saltos simples pasan a ser espacios, como GitHub muestra un README.
¿Mi Markdown se envía a un servidor cuando uso esta vista previa?
No. Tu Markdown se renderiza por completo en tu navegador y nunca sale de tu dispositivo.
Herramientas relacionadas
Conversor de MDX — Renderiza MDX como texto, convierte HTML → MDX y escapa texto a MDX literal.
Formateador de HTML — Embellece o minifica HTML, formatea CSS/JS en línea y previsualiza el resultado.