Vista previa de Markdown

Escribe Markdown y visualiza al instante una vista previa HTML en directo. Tablas compatibles con GitHub (GFM), listas de tareas, bloques de código, enlaces e imágenes admitidos — sin instalación, sin registro, funciona íntegramente en tu navegador.

🔗 Desplazamiento sincronizado

Markdown

Vista previa HTML en directo

Tabla de contenidos (auto)

💾 Tu borrador se guarda automáticamente en este navegador — cierra la pestaña y vuelve más tarde para retomarlo exactamente donde lo dejaste.

Respuesta rápida Previsualizar Markdown consiste en ver marcadores de texto plano como «# título», «**negrita**» y «- lista» renderizados en HTML con formato en cuanto los escribes. Introduce tu markdown en esta herramienta (o importa un archivo .md), consulta la vista previa a la derecha, y luego copia el HTML o descárgalo en .md/.html — nada se envía nunca a un servidor.

15+Elementos Markdown admitidos

0Bibliotecas externas

InstantáneoRetardo de la vista previa en directo

100%Procesamiento en el cliente

⚙️ Nota sobre exactitud y alcance: esta herramienta admite los elementos Markdown y GitHub Flavored Markdown (GFM) más comunes: títulos, negrita/cursiva, texto tachado, listas, listas de tareas, código en línea/bloques de código (con resaltado de sintaxis para JS, Python, Bash y HTML), citas, enlaces, imágenes, líneas horizontales, tablas y notas al pie ([^1]). También admite una notación matemática básica simplificada — no LaTeX completo —: superíndice con ^2^, subíndice con ~2~, fracciones simples con 1//2 y símbolos comunes como :pi:, :times: o :approx:. La sintaxis LaTeX completa (entornos matemáticos, matrices, ecuaciones complejas) y los diagramas integrados (Mermaid), así como el front matter YAML, no están admitidos. Ningún texto se envía nunca a un servidor — toda la conversión y la vista previa se realizan en tu navegador con JavaScript.

📝 Vista previa de Markdown — ToolPico ↗

¿Qué es Markdown y cómo se usa?

Una explicación completa de la sintaxis Markdown — de los títulos a las tablas, de las listas de tareas a los bloques de código — y sus diferencias con GitHub Flavored Markdown (GFM).

Markdown es un lenguaje de marcado ligero diseñado por John Gruber en 2004, que permite dar formato a texto plano con marcadores simples. El objetivo es un texto legible tanto como texto plano como convertible automáticamente en HTML limpio. Hoy se usa en todas partes, desde los archivos README de GitHub hasta las entradas de blog, desde la documentación técnica hasta la toma de notas. Esta herramienta convierte y previsualiza el markdown que escribes en HTML al instante, sin necesidad de configuración.

¿Cuáles son los elementos básicos de Markdown?

Respuesta rápidaLos elementos esenciales de Markdown son: # título (niveles 1 a 6), el texto en **negrita** y en *cursiva*, los elementos de lista -, el `código en línea` y el ```bloque de código```, la > cita, el enlace [texto](url), la imagen ![alt](url), y la línea horizontal ---. Todos estos elementos están admitidos por esta herramienta y se pueden insertar con un clic desde los botones de la barra de herramientas.

Títulos — el número de # al principio de la línea define el nivel del título (# = H1, ## = H2…).
Énfasis — un asterisco/guion bajo simple para cursiva, doble para negrita, doble virgulilla (~~) para texto tachado.
Listas — «-», «*» o «+» para una lista no ordenada; «1.» para una lista ordenada; «- [ ]»/«- [x]» para una lista de tareas.
Código — una sola comilla invertida para código en línea, tres comillas invertidas (```) para un bloque de código multilínea.

¿Cómo se hace una tabla en Markdown (GFM)?

Respuesta rápidaUna tabla GFM tiene tres partes: una fila de encabezado (| Nombre | Edad |), una fila de separación (| --- | --- |), y filas de datos. La posición de los dos puntos en la fila de separación controla la alineación: :--- izquierda, :---: centro, ---: derecha. Consulta un ejemplo en directo en la tabla siguiente.

Ejemplo: fuente markdown → resultado de la vista previa
Lo que escribes	Lo que ves
`# Título`	Título grande H1
`importante`	importante (negrita)
`- [x] hecho`	☑ casilla de tarea marcada
`\| A \| B \|\n\| --- \| --- \|\n\| 1 \| 2 \|`	Tabla de 2 columnas con formato

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

Respuesta rápidaHTML es un lenguaje de marcado basado en etiquetas que los navegadores interpretan directamente, relativamente tedioso de escribir y leer. Markdown es un lenguaje abreviado cercano al texto plano, rápido de escribir, y un convertidor como este lo transforma automáticamente en HTML válido. Se puede ver Markdown como la «fuente» y HTML como el «resultado generado».

Tabla de referencia de la sintaxis Markdown

Una referencia rápida citable: sintaxis básica y extensiones GitHub Flavored Markdown (GFM).

Sintaxis Markdown básica
Sintaxis	Descripción
`# Título` … `###### Título`	Niveles de título 1 a 6
`negrita` o `__negrita__`	Texto en negrita
`cursiva` o `_cursiva_`	Texto en cursiva
`código`	Código en línea
`> cita`	Cita
`- elemento` / `1. elemento`	Lista no ordenada / ordenada
`[texto](url)`	Enlace
`![alt](url)`	Imagen
`---`	Línea horizontal

Fuente: especificación CommonMark (basada en la sintaxis Markdown original).

Extensiones GitHub Flavored Markdown (GFM)
Sintaxis	Descripción
`~~tachado~~`	Texto tachado
`- [ ] tarea`	Elemento de lista de tareas sin terminar
`- [x] tarea`	Elemento de lista de tareas terminado (con clic)
`\| A \| B \|` `\| --- \| --- \|`	Tabla (alineación izquierda/centro/derecha `:---`/`:---:`/`---:`)
```lenguaje … ```	Bloque de código con lenguaje (resaltado de sintaxis para JS, Python, Bash, HTML)
`texto[^1]` … `[^1]: nota`	Nota al pie — numerada automáticamente
www.sitio.com / https://…	Detección automática de enlaces (usa la sintaxis explícita [texto](url) en esta herramienta)
`:smile:` / `:rocket:`	Código emoji abreviado — convertido a emoji unicode (😄, 🚀…)

Fuente: especificación GitHub Flavored Markdown. Usado en los archivos README, issues y descripciones de pull requests de GitHub.

Glosario de términos Markdown

Definiciones breves de los conceptos esenciales usados en Markdown y GFM.

Markdown (MD)Un lenguaje de marcado ligero que da formato a texto plano con marcadores simples y lo convierte en HTML.

GFMGitHub Flavored Markdown — la variante de GitHub que añade tablas, listas de tareas y texto tachado.

Bloque de código delimitadoUna región de código multilínea abierta y cerrada por tres comillas invertidas (```), donde no se aplica ningún formato.

Código en líneaUn fragmento corto de código rodeado por una sola comilla invertida, dentro de un párrafo.

Lista de tareasUna lista escrita como «- [ ]» / «- [x]», mostrada como una casilla en la que se puede hacer clic en GitHub.

Front matterUn bloque de metadatos YAML añadido al principio de un archivo markdown, delimitado por ---; no admitido por esta herramienta.

Carácter de escape (\)Colocado antes de un carácter markdown para mostrarlo como texto plano en lugar de aplicar formato (por ejemplo, \*).

Ancla de título (slug)Un identificador corto generado automáticamente a partir de cada título, usado para crear un enlace directo a esa sección.

CommonMarkLa especificación formal establecida por la comunidad que resuelve las ambigüedades de Markdown.

Protección contra inyección HTMLEl contenido bruto se escapa antes de aplicar el formato, evitando la ejecución de código malicioso.

Guías detalladas

Respuestas detalladas a las preguntas Markdown más comunes.

Cómo hacer una tabla en Markdown (paso a paso)

Una tabla GFM tiene tres bloques de filas: una fila de encabezado, una fila de separación, y filas de datos. Cada celda se separa con una barra vertical (|). Ejemplo: bajo una fila como | Producto | Precio |, añade | --- | --- |, y después añade filas de datos como | Artículo | 10 |. El número de columnas debe coincidir en cada fila.

Para la alineación, coloca dos puntos antes/después del guion en la fila de separación: :--- alinea a la izquierda, ---: alinea a la derecha, :---: alinea al centro. El botón «⬚ Tabla» de la barra de herramientas de esta página inserta un esqueleto de tabla listo para usar — solo queda rellenar las celdas.

Cómo escribir un README.md para GitHub

Un buen README generalmente incluye estas secciones: el nombre del proyecto y una breve descripción (título H1), los pasos de instalación (lista numerada), un ejemplo de uso (bloque de código), las funcionalidades (lista con viñetas), y la información de licencia. Usar # para los títulos y tres comillas invertidas (```) para los ejemplos de código proporciona resaltado de sintaxis automático en GitHub.

Haz clic en la ficha de plantilla «README» de arriba para cargar un esqueleto listo para usar con esta estructura, modifícalo para tu proyecto, comprueba la vista previa HTML, y descárgalo en .md cuando termines.

¿Markdown o Word? ¿Cuándo usar cada uno?

Markdown es ideal para documentación técnica, archivos README, entradas de blog, páginas wiki y texto versionado (Git) — porque es texto plano, comparable línea a línea (diff) e independiente de cualquier herramienta. Word/Google Docs es más adecuado cuando necesitas un diseño complejo, un formato compartido (fuentes, márgenes) o documentos formales.

Antes de compartir markdown, previsualízalo con esta herramienta para asegurarte de que el formato es el esperado, y luego expórtalo directamente a HTML y pégalo en una página web o un CMS si lo necesitas.

Añade esta vista previa a tu sitio (código de inserción)

Integra gratis la vista previa markdown en tu propio sitio. Copia el código de abajo en tu HTML — la herramienta se muestra en una vista simplificada y enlaza a esta página como fuente.

Código de inserción (iframe)

La herramienta insertada tiene un diseño fijo; puedes ajustar el valor de height según tu sitio. Sin publicidad ni datos personales, funciona íntegramente en el cliente.

Preguntas frecuentes

¿Cómo se escribe Markdown?

Markdown permite dar formato a texto plano con marcadores simples: un # al principio de la línea para un título, **texto** para negrita, *texto* para cursiva, un - al principio de la línea para un elemento de lista, y [texto](url) para un enlace. No se necesita ningún editor especial — puedes escribirlo en cualquier archivo de texto plano y guardarlo con la extensión .md. Al escribir en el editor de esta página, el resultado se muestra al instante en el panel de la derecha.

¿Cómo se previsualiza un archivo MD?

Pega su contenido en el editor de esta página, o usa el botón «Importar un archivo» para seleccionarlo directamente desde tu ordenador. El archivo se lee automáticamente y se muestra como HTML con formato en el panel de la derecha; no se requiere envío ni procesamiento en servidor, todo ocurre en tu navegador.

¿Cómo se hace una tabla en Markdown?

En la sintaxis de tablas GFM, la fila de encabezado se separa con |, seguida de una fila de separación como | --- | --- |, y después filas de datos. Los dos puntos (:) en la fila de separación controlan la alineación de las celdas. El botón «⬚ Tabla» de la barra de herramientas inserta un esqueleto listo para usar.

¿Qué es la sintaxis GitHub Flavored Markdown (GFM)?

GitHub Flavored Markdown (GFM) es la variante de Markdown que usa GitHub, que añade tablas, listas de tareas (- [ ]), texto tachado (~~texto~~), y una mejor compatibilidad con código en línea/bloques de código además del Markdown estándar. Los archivos README, issues y pull requests están todos escritos en GFM.

¿Cómo se convierte Markdown a HTML?

Introduce tu markdown en el editor de esta página; puedes copiar el código fuente de la vista previa HTML que aparece al instante a la derecha con «Copiar el HTML», o guardarlo como archivo .html completo con «Descargar .html». La conversión se realiza íntegramente en tu navegador, sin enviar datos a un servidor.

¿Cuál es el mejor editor Markdown online?

Un buen editor markdown online debe ofrecer vista previa instantánea, compatibilidad con tablas/listas de tareas GFM, exportación HTML/MD, y privacidad. Esta herramienta cumple los cuatro criterios: nada de lo que escribes se envía a un servidor, todo ocurre en tu navegador, y no se requiere cuenta ni registro.

¿Cómo se escribe una lista de tareas (casilla) en Markdown?

Escribe «- [ ] Tarea pendiente» al principio de la línea; para una tarea completada, usa «- [x] Terminado». En esta página, puedes hacer clic en la casilla de la vista previa para cambiar su estado y ver el código markdown actualizado en el editor.

¿Cómo se descarga o exporta un archivo Markdown?

Puedes descargar el contenido del editor en Markdown original (.md) o en HTML con formato (.html); los botones correspondientes están debajo del panel de la herramienta. También puedes usar «Copiar enlace» para compartir tu contenido mediante una URL.

¿Cómo se escribe una nota al pie en Markdown?

Coloca una referencia como [^1] en el texto, y defínela en cualquier parte de la página como [^1]: explicación. La etiqueta puede ser una palabra en lugar de un número (por ejemplo, [^fuente]). Esta herramienta numera automáticamente las notas por orden de aparición, las agrupa en una sección «Notas al pie» debajo de la vista previa, y enlaza cada referencia con su nota y viceversa. Ideal para citar fuentes en textos académicos y entradas de blog.

¿El bloque de código admite resaltado de sintaxis?

Sí. Si añades una etiqueta de lenguaje a un bloque de código delimitado (```js, ```python, ```bash, ```html), las palabras clave, valores de cadena, números, comentarios y nombres de funciones se colorean. El resaltado se realiza íntegramente en tu navegador sin biblioteca externa, y se adapta al modo oscuro.

¿Cómo se guarda Markdown en PDF?

Haz clic en el botón «🖨️ Imprimir / PDF» debajo del panel de la herramienta; se abre el cuadro de diálogo de impresión de tu navegador, y al elegir «Guardar como PDF» como destino, la vista previa con formato se descarga como archivo PDF. Los elementos del editor y de la interfaz se ocultan en el resultado — solo aparece el documento generado.

Metodología y fuentes

La vista previa Markdown de ToolPico es una herramienta gratuita e independiente. El motor de análisis funciona en dos pasadas sin biblioteca externa: detección de bloques línea a línea (títulos, listas, citas, bloques de código, tablas) seguida del formato en línea (negrita, cursiva, código, enlaces, imágenes).

Fuentes: especificación CommonMark · especificación GitHub Flavored Markdown (GFM). Última actualización: 26 de julio de 2026. Los resultados cubren los elementos markdown/GFM más comunes; la sintaxis extendida como las matemáticas LaTeX y los diagramas integrados no está admitida.