Editor de Markdown

Este editor de Markdown online muestra tu texto a la izquierda y el resultado con formato a la derecha, y la vista previa cambia con cada tecla que pulsas. Entiende el Markdown que se usa en GitHub, en los archivos README, en las wikis y en aplicaciones de notas como Obsidian: títulos, listas, listas de tareas, tablas, código, citas, enlaces, imágenes y notas al pie. No necesitas una cuenta y nada de lo que escribes se envía a ningún sitio.

Cómo usar el editor de Markdown online

1. Escribe o pega Markdown en el campo de la izquierda, o abre un archivo .md con el botón de archivo de la barra de herramientas. También puedes soltar un archivo en cualquier parte del editor.
2. Mira la vista previa de la derecha. Desplazamiento sincronizado mantiene los dos lados en la misma parte del documento mientras te desplazas por cualquiera de ellos.
3. Da formato al texto con la barra de herramientas o con atajos como Ctrl+B para la negrita y Ctrl+K para un enlace.
4. Copia el resultado como Markdown, como HTML o como texto enriquecido, o descárgalo como archivo .md, .pdf, .docx, .html o .txt.

El editor se abre con un breve ejemplo llamado «Notas del proyecto» que usa todos los elementos habituales, así que puedes ver la sintaxis y su resultado uno junto al otro antes de escribir tu propio texto.

Editor de Markdown con vista previa en tiempo real

Encima del editor hay tres vistas. Dividida coloca el Markdown y la vista previa uno al lado del otro, Escribir dedica todo el ancho al texto y Vista previa muestra solo el resultado, lo que sirve como un visor de Markdown sencillo para un archivo que te han enviado. En el móvil, el editor alterna entre Escribir y Vista previa, porque dos columnas serían demasiado estrechas para leer.

La vista previa se genera igual que GitHub muestra el Markdown: CommonMark con las extensiones de GitHub Flavored Markdown (ambos en inglés), que añaden tablas, listas de tareas, tachado y enlaces automáticos. Los títulos reciben anclas como en GitHub, así que ## Plan de lanzamiento se puede enlazar como #plan-de-lanzamiento, y al hacer clic en un enlace así la vista previa se desplaza hasta ese título. Las notas al pie escritas como [^1] se numeran en el orden en que las mencionas por primera vez y aparecen al final.

El campo de texto usa el corrector ortográfico de tu navegador, así que las palabras mal escritas se subrayan mientras escribes. Debajo del editor ves el número de palabras y de caracteres y el tiempo de lectura. Los recuentos no incluyen la sintaxis de Markdown, así que un título marcado con ## solo cuenta sus palabras. Para contar también las frases y los párrafos, pega el texto en el contador de palabras y caracteres.

Barra de herramientas y atajos de teclado

La barra de herramientas cubre todo lo que necesitas para un documento típico: Título, Negrita, Cursiva, Tachado, Código en línea, Enlace, Imagen, Cita, Bloque de código, Lista con viñetas, Lista numerada, Lista de tareas, Tabla y Línea horizontal. Si antes seleccionas texto, el botón lo envuelve; si vuelves a pulsar el mismo botón, las marcas desaparecen. Sin selección, el botón inserta un texto de muestra corto que ya está seleccionado, así que solo tienes que escribir encima.

Algunos detalles ahorran tiempo:

• Título hace pasar la línea actual por #, ##, ### y de vuelta a texto normal.
• Enlace convierte las palabras seleccionadas en [palabras](https://) y selecciona la parte de la dirección, lista para que pegues la URL. Si lo que seleccionas es una URL, se convierte en la dirección.
• Los botones de lista y Cita actúan sobre todas las líneas seleccionadas a la vez. Si haces clic en Lista numerada sobre una lista con viñetas, la conviertes en una lista numerada.
• Pulsa Enter al final de un elemento de la lista y el siguiente empieza con la marca adecuada. Los números aumentan, una tarea nueva empieza sin marcar y, si pulsas Enter en un elemento vacío, la lista termina. Tab y Shift+Tab aumentan y reducen la sangría de los elementos de la lista.
• Cualquier cambio hecho con un botón o un atajo se puede deshacer con Ctrl+Z.

Todos los atajos aparecen en Atajos de teclado, debajo del editor. En un Mac se usan con la tecla Comando.

Pegar desde Word o Google Docs y obtener Markdown

Cuando pegas texto copiado de Word, Google Docs o una página web, el editor convierte su formato en Markdown en lugar de descartarlo. Los títulos pasan a ser líneas con #, el texto en negrita y en cursiva recibe sus asteriscos, los enlaces conservan sus direcciones, las listas con viñetas y numeradas (incluidas las listas multinivel de Word) se convierten en listas de Markdown, y las tablas, en tablas de Markdown con la primera fila como encabezado. Es la forma más rápida de pasar un documento existente a un README o a una página de una wiki.

Si solo querías el texto, haz clic en Usar texto sin formato en el aviso que aparece después de pegar, o pega con Ctrl+Shift+V. El código copiado de VS Code o de otro editor de código, y el texto que ya está en Markdown, se pegan tal cual.

Guía rápida de sintaxis Markdown

La sintaxis más habitual de un vistazo. Escribe lo de la columna izquierda en el editor para ver lo de la columna derecha en la vista previa.

Escribes	Obtienes
# Título, ## Sección, ### Subsección	Títulos de nivel 1 a 3 (hasta 6 con ######)
**negrita** y *cursiva*	negrita y cursiva
~~antiguo~~	antiguo
`código`	código en una fuente monoespaciada
[texto](https://example.com)	un enlace
	una imagen
- elemento o 1. elemento	una lista con viñetas o numerada
- [ ] tarea y - [x] hecha	una lista de tareas con casillas
> texto citado	una cita
tres comillas invertidas en una línea antes y después del código	un bloque de código
--- solo en una línea	una línea horizontal
texto[^1] y [^1]: nota	una nota al pie

Una tabla de Markdown necesita una fila de encabezado, una fila separadora de guiones y después una línea por cada fila, con las celdas separadas por |. Los dos puntos en la fila separadora fijan la alineación: :-- alinea a la izquierda, :-: centra y --: alinea a la derecha. El botón Tabla inserta una tabla de tres columnas lista para empezar. Las celdas no tienen que quedar alineadas en el texto fuente, pero alinearlas facilita editar la tabla más adelante.

Markdown también acepta HTML para lo que no tiene sintaxis propia, como <kbd>Ctrl</kbd> para teclas, <sub> y <sup> para H₂O y x², o <details> para una sección que se abre al hacer clic. Los scripts, los estilos y los formularios se eliminan de la vista previa por seguridad.

Copiar como texto enriquecido o descargar el archivo

Copiar Markdown copia el texto fuente, Copiar HTML copia HTML limpio, listo para una web o un CMS, y Copiar como texto enriquecido copia el resultado con formato. Pégalo en Google Docs, Word, Outlook o Gmail y los títulos, la negrita, las listas, los enlaces y las tablas llegan con formato, sin ningún símbolo de Markdown.

Los botones de Descargar guardan el documento como Markdown, PDF, Word, HTML o texto sin formato con un clic, con el nombre que indica el título de su front matter o su primer título. Usan valores predeterminados razonables: papel A4 (Carta en Estados Unidos, Canadá, México y otros países donde es el tamaño estándar), márgenes normales y texto de 11 puntos. Para elegir el tamaño de página, las fuentes y los márgenes, añadir una tabla de contenido o convertir varios archivos a la vez, usa Más opciones de exportación, que abre el convertidor de Markdown con tu texto ya cargado.

Preguntas frecuentes

¿Se sube o se guarda mi texto en algún sitio?

No. La vista previa, la conversión y las descargas se hacen en tu navegador, y el texto nunca se envía a un servidor. De forma predeterminada tampoco se guarda nada, así que el texto desaparece cuando cierras la pestaña. Si marcas Guardar el borrador en este navegador, el texto se guarda en el almacenamiento de tu propio navegador después de cada cambio y vuelve a aparecer en tu próxima visita. Desmárcalo en un ordenador compartido; al hacerlo también se borra el borrador guardado.

¿Cómo abrir y ver un archivo .md online?

Haz clic en el botón de archivo de la barra de herramientas o suelta el archivo en el editor y cambia a Vista previa para leerlo como un documento con formato. Los archivos de hasta 20 MB en UTF-8 o UTF-16 se abren directamente. Las imágenes del archivo se muestran cuando tienen una dirección web completa; las imágenes guardadas junto al archivo en tu ordenador no se pueden cargar desde una página web.

¿Qué variante de Markdown usa el editor?

Sigue CommonMark (en inglés), el estándar en el que coinciden la mayoría de las herramientas de Markdown, más las extensiones de GitHub: tablas, listas de tareas, tachado, enlaces automáticos y notas al pie. El texto escrito para GitHub, GitLab, Obsidian, Reddit o Discord se ve igual aquí, salvo las funciones que esos servicios añaden por su cuenta, como las menciones de usuarios o los enlaces wiki de Obsidian.

¿Cómo pasar Markdown a Google Docs?

Haz clic en Copiar como texto enriquecido y pega el resultado en el documento. Los títulos, las listas, los enlaces y las tablas conservan su formato. Las versiones recientes de Google Docs también pueden leer Markdown por sí mismas con Editar, Pegar desde Markdown, después de marcar Habilitar Markdown en Herramientas, Preferencias.

¿El editor admite diagramas Mermaid o fórmulas matemáticas en LaTeX?

Todavía no. Un bloque Mermaid se muestra como un bloque de código normal, y las fórmulas escritas como $...$ se quedan como texto sin formato. Todo lo demás de GitHub Flavored Markdown es compatible.

¿Qué es Markdown y quién lo usa?

Markdown es una forma de dar formato a texto plano con unos pocos símbolos, creada por John Gruber en 2004 para que un documento siga siendo legible incluso antes de convertirlo a HTML (más información en Wikipedia). Los desarrolladores lo usan para archivos README y documentación, los escritores para notas y borradores, y las herramientas de chat con IA responden en Markdown, por eso sus respuestas aparecen llenas de asteriscos y almohadillas cuando se pegan en otro sitio.

Encontrarás más herramientas de texto en la categoría Texto: puedes comparar dos versiones de un documento para ver qué ha cambiado o cambiar las mayúsculas y minúsculas de los títulos de una vez. Los desarrolladores tienen el formateador JSON y otras herramientas en Desarrolladores.