Vista previa de Markdown
Escribe Markdown y ve una previsualización en vivo de HTML lado a lado.
Tu Markdown renderizado aparece aquí en tiempo real.
Vista previa de Markdown — Escriba y previsualice Markdown en línea de forma gratuita
Escriba Markdown en el panel izquierdo y vea una vista previa en vivo de HTML en el panel derecho. Nuestra herramienta gratuita de vista previa de Markdown en línea renderiza encabezados, negrita, itálica, enlaces, imágenes, bloques de código, tablas, listas y más — todo en tiempo real, completamente en su navegador.
¿Qué es Markdown?
Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Utiliza una sintaxis de formato de texto plano que se convierte fácilmente en HTML y otros formatos. Markdown es el formato estándar de escritura para los archivos README de GitHub, sitios de documentación, plataformas de blogs, aplicaciones para tomar notas y escritura técnica.
En lugar de escribir etiquetas HTML crudas como <h1> y <strong>, escribe # Encabezado y **negrita**. Esto hace que Markdown sea rápido de escribir y fácil de leer incluso antes de la conversión. Plataformas como GitHub, GitLab, Stack Overflow, Reddit, Discord y Notion admiten Markdown nativamente.
Una vista previa en vivo de Markdown le permite ver exactamente cómo se verá su texto formateado antes de publicarlo. Esto elimina la suposición al escribir Markdown a ciegas y ayuda a detectar errores de formateo temprano.
¿Cómo usar esta herramienta de vista previa de Markdown?
El uso de la herramienta es sencillo:
- Escriba o pegue Markdown en el panel izquierdo del editor. Puede escribir desde cero o pegar contenido Markdown existente.
- Vea la vista previa en vivo actualizarse instantáneamente en el panel derecho. Cada tecla pulsada desencadena un nuevo renderizado.
- Use los botones de la barra de herramientas para insertar rápidamente encabezados, negrita, itálica, enlaces, imágenes, bloques de código y listas.
- Copie el HTML renderizado si necesita la salida HTML cruda para una plantilla de correo electrónico, CMS o generador de documentación.
- Copie el código fuente Markdown para pegarlo en su README de GitHub, publicación de blog o aplicación para tomar notas.
Características clave
| Característica | Beneficio |
|---|---|
| Vista previa en vivo | Ve el resultado formateado mientras escribes — sin retraso |
| Atajos de la barra de herramientas | Inserta encabezados, negrita, itálica, enlaces y código con un solo clic |
| Copiar salida HTML | Obten la HTML cruda para usar en correos electrónicos, CMS o sitios estáticos |
| Copiar Markdown | Obten el código fuente Markdown para GitHub, blogs o notas |
| Soporte completo de Markdown | Encabezados, negrita, itálica, enlaces, imágenes, código, tablas, listas, citas |
| Compatible con modo oscuro | La vista previa se adapta a tu tema automáticamente |
| Procesamiento solo en el navegador | No se envía ningún dato a ningún servidor — tu contenido permanece privado |
A diferencia de muchas herramientas de edición de Markdown en línea, esta herramienta no requiere cuenta, instalación ni viaje al servidor. Tu contenido nunca abandona tu navegador.
Casos de uso comunes
Escribir README de GitHub
Cada proyecto de código abierto necesita un README claro. Escribe tu Markdown aquí, previsualiza el formateo y copia el resultado directamente a tu repositorio. También puedes usar nuestro Formateador JSON para validar cualquier ejemplo de JSON que incluyas en tu documentación.
Redacción de borradores de blog
Muchas plataformas de blog (Hugo, Jekyll, Ghost, Dev.to) usan Markdown para contenido. Redacta tu publicación aquí, previsualiza el diseño y pega la versión final en tu CMS. Si necesitas convertir el caso de texto para encabezados, prueba nuestro Convertidor de caso de texto.
Escritura de documentación
La documentación técnica suele usar Markdown por su simplicidad y portabilidad. Previsualiza tus documentos antes de comprometerte para asegurarte de que los encabezados, bloques de código y tablas se rendericen correctamente.
Prototipo de plantillas de correo electrónico
Escribe tu contenido de correo electrónico en Markdown, copia la salida HTML y pégalo en tu constructor de correos. Esto es especialmente útil para correos transaccionales y boletines.
Referencia rápida de sintaxis de Markdown
# Encabezado 1a través de###### Encabezado 6— Seis niveles de encabezados**negrita**y*italica*— Formateo básico de texto[texto del enlace](url)— Enlaces inline— Imágenes`código inline`y bloques de código con tres comillas invertidas — Formateo de código> cita— Texto citado- elementoo1. elemento— Listas no ordenadas y ordenadas| Columna | Columna |— Tablas con sintaxis de tubería---— Regla horizontal
Consejos para un mejor Markdown
- Use niveles de encabezado consistentes. Comience con
#para el título, luego##para secciones y###para subsecciones. Saltar niveles (por ejemplo, pasar de#a###) crea una estructura de documento confusa. - Agregue líneas en blanco antes y después de listas y bloques de código. Muchos analizadores de Markdown requieren líneas en blanco para identificar correctamente elementos de nivel de bloque.
- Previsualice antes de publicar. Diferentes plataformas renderizan Markdown ligeramente diferente. Siempre revise la vista previa antes de comprometerse.
- Use bloques de código con etiquetas de lenguaje. Escribir
```javascripten lugar de solo```habilita la resaltado de sintaxis en GitHub y la mayoría de las plataformas de documentación. - Mantenga las tablas simples. Tablas complejas con celdas fusionadas o contenido anidado no funcionan bien en Markdown. Use tablas HTML para diseños avanzados.
Preguntas frecuentes
¿Esta herramienta de vista previa de Markdown es gratuita de usar?
Sí. La herramienta es completamente gratuita, no requiere cuenta y no tiene límites de uso. Todo el renderizado ocurre en su navegador.
¿La herramienta admite Markdown con formato de GitHub?
Sí. La herramienta admite Markdown estándar más extensiones de Markdown con formato de GitHub, incluyendo tablas, listas de tareas, tachado y bloques de código con resaltado de sintaxis.
¿Puedo copiar la salida HTML?
Sí. Haga clic en el botón "Copiar HTML" para copiar el HTML crudo generado desde su Markdown. Puede pegarlo en cualquier editor de HTML, plantilla de correo electrónico o CMS.
¿Mi contenido se almacena o se envía a un servidor?
No. Todo el análisis y renderizado de Markdown ocurre localmente en su navegador usando la biblioteca marked. Su contenido nunca se envía a ningún servidor.
¿Qué características de Markdown se admiten?
La herramienta admite encabezados, negrita, itálica, tachado, enlaces, imágenes, código inline, bloques de código, citas, listas ordenadas y no ordenadas, tablas, reglas horizontales y listas de tareas.