Vista previa de Markdown
Vista previa gratuita de Markdown con salida HTML segura.
Vista previa de Markdown en el navegador
Escriba Markdown a la izquierda y examine el resultado a la derecha. La vista previa admite encabezados, énfasis, enlaces, listas, citas, líneas divisorias y bloques de código delimitados.
**Conviene saber que Markdown carece de una especificación oficial única.** La sintaxis original de 2004 dejó sin definir bastantes casos, de modo que GitHub, CommonMark y los demás discrepan en detalles como las listas anidadas, los saltos de línea o los guiones bajos dentro de una palabra: un documento impecable en un sitio puede representarse de otra manera en otro. Lo que más despista son los saltos de línea, porque **en la mayoría de las implementaciones un solo salto no produce un salto dentro del párrafo**: hacen falta dos espacios al final de la línea o una línea en blanco.
Esta herramienta escapa el HTML sin procesar antes de mostrarlo, así que lo que pegue no puede ejecutar código aquí.
Cómo usar la vista previa
- Pegue o escriba Markdown Escriba en el editor de la izquierda y la vista previa se actualizará al instante.
- Revise el resultado representado Compruebe encabezados, listas, enlaces y código antes de publicar.
- Copie el HTML si lo necesita El HTML seguro generado puede llevarse a un editor compatible.
Consejos para aprovecharla mejor
- Delimite el código con tres acentos graves para conservar la sangría y los símbolos del original.
- La vista previa muestra el HTML sin procesar como texto a propósito, para reducir el riesgo de inyección de código.
- Las tablas y las listas anidadas son lo que más se tuerce por la profundidad de la sangría: conviene ajustarlas mirando la vista previa.
Situaciones de uso
Revisar un README mientras se escribe
**Lo que ve en su editor y lo que representa GitHub no coinciden necesariamente.** Esto le permite mirar antes de publicar.
Dejar bien tablas y listas anidadas
Donde el resultado depende de la posición de un símbolo o de la sangría, verlo es más rápido que razonarlo.
Llevarse un artículo en HTML
**El HTML generado puede copiarse tal cual**, lo que sirve de borrador para pegar en un gestor de contenidos.
Convertir un documento en PDF para entregarlo
Un procedimiento o unas notas escritas en Markdown quedan en una forma que puede darse sin más.
Aprender la sintaxis sobre la marcha
**Con la entrada y el resultado uno al lado del otro, se aprende qué hace cada símbolo probándolo.**
Términos de Markdown
- Markdown
- Sintaxis ligera que marca encabezados y énfasis con signos de puntuación. **No existe una especificación oficial única y las implementaciones difieren.**
- CommonMark
- Especificación que fijó los casos que la original dejó sin definir. Hoy la mayoría de las implementaciones parten de ella.
- GitHub Flavored Markdown
- CommonMark con tablas, tachado y listas de tareas añadidas. **El aspecto de un documento en GitHub sigue esto.**
- Tratamiento del salto de línea
- **En casi todas las implementaciones, un solo salto no produce un salto dentro del párrafo.** Hacen falta dos espacios finales o una línea en blanco.
- Bloque de código delimitado
- Región encerrada entre tres acentos graves. Nombrar el lenguaje tras la apertura activa el coloreado.
- Saneamiento
- Retirar del HTML pegado los elementos peligrosos. **Esta vista previa lo hace para mostrar con seguridad.**
Preguntas frecuentes
Por qué conviene ver antes de publicar
Markdown se escribe con soltura, pero basta que falte un carácter para que cambie la estructura de una página. Una vista previa en vivo deja a la vista encabezados, enlaces y listas antes de pegar el texto en un README, una incidencia, un wiki o un gestor de contenidos.
Esta herramienta prefiere un subconjunto común y seguro a ejecutar HTML arbitrario. Eso la hace útil tanto para revisar contenido copiado de una fuente poco fiable como para redactar el propio.