Previsualizador Markdown

Escribe Markdown y ve una vista previa renderizada en vivo. Soporta encabezados, negrita, cursiva, listas, enlaces, bloques de código, tablas y citas.

Markdown Preview

Features

This tool supports bold, italic, and strikethrough text.

Lists

  • Item one
  • Item two
  • Item three
  1. First
  2. Second
  3. Third

Code

Inline code and code blocks:

function hello() {
  console.log("Hello, world!");
}

Links & Images

Visit GitHub

Blockquotes

This is a blockquote.
It can span multiple lines.

Tables

NameAgeRole
Alice30Engineer
Bob25Designer

Happy writing!

Previsualizador Markdown

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004 que permite formatear texto usando caracteres simples: # para encabezados, **negrita**, *cursiva*, - para listas y acentos graves para código. Un previsualizador de Markdown renderiza ese texto plano en HTML formateado en tiempo real, mostrando exactamente cómo se verá el documento mientras escribes. Es el formato de escritura estándar en GitHub, Reddit, Stack Overflow y la mayoría de las plataformas de documentación.

Este editor en vivo soporta la sintaxis esencial de Markdown — encabezados, énfasis, listas ordenadas y no ordenadas, enlaces, imágenes, citas y código en línea — además de extensiones populares de GitHub Flavored Markdown (GFM), como tablas y bloques de código delimitados. Como el renderizado ocurre al instante en el navegador, es ideal para redactar archivos README, escribir documentación, preparar publicaciones en foros o aprender la sintaxis Markdown sin instalar nada.

Como funciona

Un renderizador de Markdown funciona como un parser que recorre el texto línea por línea y convierte patrones de sintaxis en elementos HTML: una línea que empieza con uno a seis # se convierte en un encabezado <h1> a <h6>, el texto entre ** en <strong>, * en <em>, las líneas que empiezan con - o 1. en ítems de lista <ul> u <ol>, [texto](url) en un enlace <a>, > en <blockquote> y el texto delimitado por ``` en un bloque <pre><code>. Las tablas usan barras verticales (|) para separar columnas, con una fila de guiones que define el encabezado.

Casos de uso

  • Redactar y previsualizar archivos README.md para repositorios de GitHub o GitLab
  • Escribir documentación técnica verificando el formato de tablas y bloques de código
  • Preparar publicaciones formateadas para foros, wikis y generadores de sitios estáticos
  • Aprender la sintaxis Markdown con retroalimentación visual inmediata

Preguntas frecuentes

¿Qué es Markdown y para qué sirve?

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004 que formatea texto plano con símbolos simples: # para encabezados, asteriscos para negrita y cursiva, y guiones para listas. Se convierte limpiamente a HTML y sigue siendo legible como texto sin procesar. Se usa en archivos README, documentación, publicaciones en foros, apps de notas y plataformas como GitHub, Reddit y Stack Overflow.

¿Cómo hago una tabla en Markdown?

Usa barras verticales (|) para separar columnas y una fila de guiones para marcar el encabezado, por ejemplo: | Nombre | Edad | en la primera línea, | --- | --- | en la segunda y | Ana | 30 | en las filas de datos. Añadir dos puntos en la fila de guiones (:--- izquierda, :---: centro, ---: derecha) controla la alineación de las columnas. Las tablas forman parte de GitHub Flavored Markdown, no de la especificación original.

¿Cómo inserto un bloque de código en Markdown?

Para código en línea, envuelve el texto en acentos graves simples, como `variable`. Para bloques de varias líneas, usa bloques delimitados: una línea con tres acentos graves (```), tu código y otra línea con tres acentos graves. Puedes escribir el nombre del lenguaje justo después del delimitador de apertura, como ```js, para activar el resaltado de sintaxis en las plataformas que lo soportan.

¿Cuál es la diferencia entre Markdown y HTML?

HTML es el lenguaje de marcado completo que renderizan los navegadores, con etiquetas explícitas como <h1> y <strong>, mientras que Markdown es una notación abreviada que se compila a HTML. Markdown cubre el formato común con mucha menos escritura y permanece legible como texto plano, pero es menos expresivo — para diseños complejos puedes incrustar HTML directamente en la mayoría de los documentos Markdown.

¿Este editor Markdown es gratis y guarda mi texto?

Sí, el editor es completamente gratuito. Todo el análisis y renderizado ocurre localmente en tu navegador mediante JavaScript, por lo que el texto que escribes no se envía ni se almacena en ningún servidor. Si actualizas o cierras la página, el contenido no guardado puede perderse, así que copia tu trabajo antes de salir.

Calculadoras Relacionadas