Vista previa de Markdown
Renderiza Markdown a HTML con vista previa en vivo.
Tu Markdown se renderiza de forma local en tu navegador y nada se sube a un servidor.
¿Trabajas con documentos MDX? Prueba el Conversor de MDX.
Acerca de Vista previa de Markdown
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. La salida renderizada se sanea, eliminando scripts y manejadores de eventos para una vista previa segura. 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
- Los saltos de línea simples se renderizan como saltos, igual que el Markdown de comentarios
- La salida saneada elimina scripts, iframes, manejadores de eventos y HTML inseguro
- 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 y sin rastreo
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)
Salida
<h1>Title</h1>
<ul>
<li><strong>Bold</strong> item</li>
<li><a href="https://example.com">Link</a></li>
</ul>
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. — Esta vista previa renderiza los saltos de línea simples como saltos; si quieres párrafos separados, deja una línea en blanco entre los bloques de texto.
- Las etiquetas HTML sin procesar como script o iframe desaparecen de la vista previa. — La salida se sanea, así que los scripts, iframes y manejadores de eventos en línea se eliminan por diseño. Usa Markdown puro o HTML en línea seguro 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.
- ¿El HTML de la Vista previa de Markdown es seguro para reutilizar?
- Sí. La salida se sanea, eliminando scripts, iframes y manejadores de eventos en línea para que el HTML renderizado siga siendo seguro al pegarlo en otro lugar.
- ¿La Vista previa de Markdown conserva los saltos de línea simples?
- Sí. Los saltos de línea simples se renderizan como saltos, lo cual coincide con cómo suelen comportarse los comentarios y el Markdown estilo chat.
- ¿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
Todas las herramientas de ArrayKit