Editor de Markdown online con vista previa en vivo
Escribe Markdown de un lado y mira el resultado con formato del otro. Da formato con la barra de herramientas o con atajos, y luego copia, descarga o imprime. Tu texto se queda en tu navegador
La vista previa aparece aquí mientras escribes
Este archivo supera los 2 MB, demasiado para que el editor funcione con fluidez. Divídelo en archivos más pequeños.
Se calcula al instante en tu navegador, con un tiempo de lectura de 200 palabras por minuto. No se guarda nada, así que descarga tu archivo antes de cerrar la pestaña.
Cómo usar esta herramienta
- Elige un diseño: Editar, Dividido (código y vista previa lado a lado) o Vista previa. El modo concentración oculta distracciones.
- Escribe o pega Markdown, o usa la barra y los atajos (Ctrl+B para negrita, Ctrl+I para cursiva, Ctrl+K para un enlace).
- Activa Saltos de línea como
<br>si quieres conservar cada salto, como en los comentarios de GitHub. - Copia, descarga o imprime el resultado. Tu texto se queda en tu navegador.
Ejemplo práctico
Una línea que empieza por ## se convierte en un título de nivel 2, y - [ ] o - [x] inicia una lista de tareas. Una tabla necesita una fila de encabezado, una fila separadora de guiones y luego las filas de datos. El tiempo de lectura usa 200 palabras por minuto y redondea hacia arriba: un texto de 600 palabras se lee en 3 minutos y uno de 601 en 4. El HTML en bruto nunca se inserta: escribir <b>hi</b> muestra las etiquetas como texto, y los enlaces se limitan a http, https, mailto y tel. El renderizador cubre CommonMark cotidiano y las tablas, listas de tareas y tachado de GitHub, pero no notas al pie, fórmulas ni diagramas.
Metodología
Markdown fue creado por John Gruber en 2004 como un atajo en texto plano para HTML. Este editor implementa los elementos de uso cotidiano de la especificación CommonMark, además de las extensiones de GitHub Flavored Markdown (GFM) para tablas, listas de tareas, tachado y enlaces automáticos. Es un renderizador hecho a medida y sin dependencias, no una copia completa de ninguna de las dos especificaciones, por lo que los casos poco usados como notas al pie, fórmulas y diagramas Mermaid no se renderizan.
Lo que escribes y lo que muestra la vista previa
Resultados reales del motor de este editor con algunas entradas de uso diario.
| Escribes | La vista previa muestra | Nota |
|---|---|---|
| ## Title | Encabezado de nivel 2 | h2 |
| - [x] done | Casilla marcada | Las casillas son de solo lectura en la vista previa |
| ~~old~~ | Texto tachado | del |
| line 1⏎line 2 | Un solo párrafo, sin salto | Añade dos espacios al final o activa la opción de saltos de línea |
| <b>hi</b> | Texto literal <b>hi</b> | El HTML sin procesar se escapa, nunca se ejecuta |
| [x](javascript:…) | Texto «x», sin enlace | Solo http, https, mailto y tel se convierten en enlaces |
| [x](https://…) | Enlace que abre en pestaña nueva | Marcado como nofollow |
| Term[^1] / $x^2$ | Se muestra sin cambios | Las notas al pie y las fórmulas no se renderizan |
Lee la columna Nota como los límites del editor: si una fila te sorprende, casi siempre es por alguno de ellos y no por un error al teclear. Comprueba lo que la tabla marca como no renderizado en la herramienta donde vayas a publicar el texto.
Preguntas frecuentes
¿El texto que escribo aquí se sube o se guarda en algún lugar? ▼
El texto no se envía a ningún servidor ni se almacena, ni siquiera en el almacenamiento local (la página solo recuerda tu tema y tu elección sobre cookies). El análisis y el renderizado ocurren en tu navegador, por eso al recargar o cerrar la pestaña tu texto se borra: usa «Descargar .md» para conservarlo. La página pide confirmación antes de salir si hay texto sin guardar. Una excepción: si tu Markdown apunta a una imagen por su dirección web, tu navegador la pide a su servidor para mostrarla, y ese servidor puede ver tu dirección IP. El texto simple y las imágenes en base64 no hacen ninguna solicitud.
¿Por qué mi HTML en bruto, como una etiqueta div o script, no se renderiza en la vista previa? ▼
Por seguridad, el HTML escrito en el editor se muestra como texto literal en lugar de ejecutarse. GitHub también filtra mucho el HTML en bruto, así que depender de él es frágil. Usa la sintaxis de Markdown para dar formato, o copia el HTML generado y agrega tu propio marcado en tu sitio.
¿Por qué al presionar Enter una vez no empieza una línea nueva en la vista previa? ▼
En Markdown, un solo salto de línea dentro de un párrafo se trata como un espacio, así que las líneas consecutivas se unen en un solo párrafo. Deja una línea en blanco para empezar otro párrafo, termina la línea con dos espacios o una barra invertida para forzar un salto, o marca la opción de saltos de línea sobre el editor para conservarlos todos.
¿Cómo pego mi Markdown con formato en Word, Google Docs o un correo? ▼
Usa el botón «Texto con formato» en «Copiar» y pega en tu documento. Los títulos, la negrita, las listas y las tablas llegan como formato real en lugar de símbolos de Markdown. Usa el botón HTML si necesitas el marcado en bruto para un sitio web o un CMS.
¿Cómo guardo el resultado como PDF? ▼
Haz clic en «Imprimir / PDF» y elige «Guardar como PDF» como destino en el cuadro de impresión de tu navegador. Solo se imprime la vista previa renderizada, sin la barra de herramientas ni el resto de la página, en negro sobre blanco aunque el modo oscuro esté activado.