Vista previa de Markdown

Escribe y previsualiza Markdown con un editor dividido en tiempo real

Bienvenido a la vista previa de Markdown

Este es un editor con vista previa en vivo. Empieza a escribir a la izquierda para ver el resultado renderizado a la derecha.

Características

  • Texto en negrita, cursiva y tachado
  • Enlaces e imágenes
  • Bloques de código con resaltado de sintaxis

Ejemplo de código

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("World");

Ejemplo de tabla

CaracterísticaEstado
Tablas GFMCompatible
Listas de tareasCompatible
TachadoCompatible

Lista de tareas

  • Escribir Markdown
  • Previsualizar el resultado
  • Exportar a HTML

Las citas también son compatibles y se ven muy bien en modo oscuro.

¡Disfruta escribiendo Markdown!

Hoja de referencia de Markdown
**negrita**Texto en negrita
*cursiva*Texto en cursiva
~~tachado~~Tachado
# EncabezadoEncabezado (1-6)
[texto](url)Enlace
![alt](url)Imagen
`código`Código en línea
```lenguaje```Bloque de código
> citaCita
- elementoLista desordenada
1. elementoLista ordenada
---Línea horizontal
| a | b |Tabla
- [x] tareaLista de tareas

¿Qué es la herramienta de vista previa de Markdown?

La herramienta de vista previa de Markdown es un editor online gratuito dividido en dos paneles que te permite escribir Markdown a la izquierda y ver el resultado renderizado a la derecha en tiempo real. Es compatible con GitHub Flavored Markdown (GFM), incluidas tablas, listas de tareas, texto tachado y bloques de código delimitados.

Ya sea que estés redactando un README para un repositorio de GitHub, escribiendo documentación, componiendo una entrada de blog o aprendiendo la sintaxis de Markdown, esta herramienta te ofrece retroalimentación visual instantánea mientras escribes.

Cómo usar el editor de vista previa de Markdown

  • Escribe o pega tu contenido Markdown en el panel del editor de la izquierda. El panel de vista previa de la derecha se actualiza automáticamente mientras escribes.
  • Usa la barra de herramientas de formato de la parte superior para insertar negritas, cursivas, encabezados, enlaces, imágenes, bloques de código y listas sin tener que memorizar la sintaxis.
  • Haz clic en Exportar HTML para descargar el resultado renderizado como un archivo HTML independiente con estilos limpios.
  • Haz clic en Copiar MD para copiar tu texto Markdown sin formato al portapapeles.
  • Despliega la hoja de referencia de Markdown en la parte inferior para consultar rápidamente toda la sintaxis compatible.

Funciones de Markdown compatibles

Este editor es compatible con la especificación completa de CommonMark más las extensiones de GitHub Flavored Markdown. Puedes usar encabezados (de h1 a h6), negritas, cursivas y texto tachado, listas ordenadas y desordenadas, citas, líneas horizontales, código en línea y bloques de código delimitados, enlaces, imágenes, tablas con alineación y casillas de verificación en listas de tareas.

Consejos para escribir mejor Markdown

  • Usa los encabezados de forma jerárquica: empieza con h1 para el título, h2 para las secciones y h3 para las subsecciones
  • Deja una línea en blanco entre párrafos y antes/después de las listas para que se rendericen correctamente
  • Usa bloques de código delimitados con un identificador de lenguaje para obtener resaltado de sintaxis en los renderizadores compatibles
  • Previsualiza tu contenido con frecuencia para detectar problemas de formato a tiempo
  • Usa los botones de la barra de herramientas para aprender la sintaxis de los elementos que usas con menos frecuencia

Casos de uso habituales

  • Redactar y previsualizar archivos README de GitHub antes de hacer commit
  • Redactar documentación o textos técnicos en Markdown
  • Componer entradas de blog para generadores de sitios estáticos como Hugo, Jekyll o Astro
  • Aprender la sintaxis de Markdown con retroalimentación visual instantánea
  • Convertir Markdown a HTML para insertarlo en sitios web o correos electrónicos

Preguntas frecuentes

¿Cómo previsualizo Markdown online?+
Pega o escribe tu Markdown en el panel del editor del lado izquierdo de esta herramienta. La vista previa renderizada aparece al instante a la derecha y se actualiza en tiempo real mientras realizas cambios.
¿Esta herramienta es compatible con GitHub Flavored Markdown?+
Sí. El editor es totalmente compatible con las extensiones de GFM, incluidas tablas, listas de tareas con casillas, texto tachado y bloques de código delimitados. Usa el analizador remark-gfm para un renderizado preciso.
¿Puedo exportar Markdown como HTML?+
Sí. Haz clic en el botón Exportar HTML de la barra de herramientas para descargar un archivo HTML independiente con estilos CSS incrustados. El archivo está listo para abrirse en cualquier navegador o insertarse en un sitio web.
¿Cómo creo una tabla en Markdown?+
Usa barras verticales (|) para separar las columnas y guiones (-) para crear el divisor de la fila de encabezado. Por ejemplo: | Columna 1 | Columna 2 | seguido de |----------|----------| y luego tus filas de datos. El panel de vista previa muestra la tabla renderizada al instante.
¿Cuál es la diferencia entre Markdown y HTML?+
Markdown es una sintaxis de formato de texto ligera, más fácil de leer y escribir que HTML. Se convierte a HTML para su visualización. Esta herramienta te permite escribir en Markdown y ver el resultado HTML resultante lado a lado.
¿Puedo usar este editor para archivos README de GitHub?+
Por supuesto. Este editor es compatible con la misma sintaxis GFM que usa GitHub, por lo que tu README se renderizará de la misma manera. Escribe tu contenido aquí, previsualízalo y luego copia el Markdown en tu repositorio.

Herramientas relacionadas

Contador de palabrasGenerador de Lorem IpsumFormateador de JSONProbador de expresiones regulares

Vista previa de Markdown — vista previa de markdown, editor de markdown, markdown a html, github flavored markdown, vista previa gfm, vista previa de markdown en vivo, sintaxis de markdown, hoja de referencia de markdown online gratis. Sin registro. Funciona en tu navegador.