¿Qué es Vista previa de Markdown?
Markdown es la sintaxis de marcado ligero detrás de READMEs, publicaciones de blog, mensajes de chat, documentación y muchos más.
Este visor renderiza su Markdown en tiempo real mientras escribe.
Cuándo Usar Esta Calculadora
- Está escribiendo un README de GitHub o GitLab y quiere verificar el formato antes de hacer commit
- Está redactando una publicación Markdown para una plataforma de blog, documentación o wiki
- Está probando un email o mensaje de chat Markdown antes de enviarlo
- Está aprendiendo sintaxis Markdown experimentando con diferentes formatos
- Está convirtiendo un snippet Markdown pequeño a HTML para CMS o plantillas de email
- Está depurando un documento Markdown donde algún formato no se renderiza como esperaba
Pasos:
- Escriba o pegue su Markdown en el panel izquierdo.
- Vea la vista previa HTML que se actualiza instantáneamente en el lado derecho.
- Ajuste su sintaxis hasta que la vista previa se vea como espera.
- Copie su fuente Markdown terminada cuando esté satisfecho con el resultado.
Fórmula
# Encabezado →
Encabezado
**negrita** → negrita *cursiva* → cursiva `código` →código
[texto](url) → texto
- elemento → - elemento
Casos de uso
- Previsualizar READMEs de GitHub o GitLab antes de hacer commit
- Redactar mensajes formateados para Slack, Discord u otras apps de chat compatibles con Markdown
- Probar publicaciones de blog o documentación antes de publicarlas
- Aprender sintaxis Markdown experimentando con retroalimentación instantánea
- Convertir rápidamente un snippet Markdown pequeño a HTML para usar en CMS o plantillas de email
Beneficios Clave
- Vea su fuente Markdown y la salida renderizada al instante una al lado de la otra
- Detecte errores de sintaxis antes de publicar en cualquier lugar
- Totalmente offline en su navegador — nada se sube
- Gratis, sin cuenta, sin límites de tamaño de archivo para uso general
Consejos Profesionales
- Agregue una línea en blanco antes y después de listas y bloques de código
- Use dobles asteriscos para negrita y simples asteriscos (o guiones bajos) para cursiva
- Previsualice aquí primero, luego verifique la plataforma de destino
- Mantenga los encabezados jerárquicos (no salte de # a ###)
Errores Comunes que Debes Evitar
- Olvidar la línea en blanco requerida entre un párrafo y una lista
- Olvidar el espacio después del # en encabezados
- No cerrar un fence de código (```)
- Usar asteriscos simples en lugar de dobles para negrita
Términos Clave Explicados
- CommonMark: Una especificación estandarizada de la sintaxis Markdown, diseñada para reducir inconsistencias
- GFM: GitHub-Flavored Markdown, un dialecto extendido con soporte de tablas y listas de tareas
- Bloque de código: Un bloque delimitado por comillas invertidas triples (```) usado para formatear código multilínea
- Formato inline: Formato dentro de una sola línea, como *cursiva* o `código`
Conceptos relacionados
- Formateador JSON:
- Probador de regex:
- Generador de contraseñas:
- Convertidor de color:
- Codificador/decodificador URL:
Ejemplo
"## Hola
Esto es **negrita** y esto es *cursiva*." se renderiza como un encabezado de nivel 2.
Interpretación de sus resultados
El panel izquierdo muestra su fuente Markdown cruda, mientras que el panel derecho la renderiza como HTML formateado en tiempo real.
Los problemas de visualización suelen deberse al espaciado.
La vista previa es una buena aproximación de cómo se verá su Markdown en la mayoría de plataformas.