¿Qué es Editor de Markdown?

Editor de panel dividido con vista previa HTML instantánea. Soporta GitHub Flavored Markdown: tablas, listas de tareas, bloques de código con resaltado de sintaxis. Exporta como HTML o copia el resultado renderizado.

El renderizado usa un analizador estilo GitHub que maneja bloques de código con pista de lenguaje (javascript, python, css, etc.), listas de tareas con estado de casilla, tablas con barras, notas al pie y tachado. La barra de herramientas inserta sintaxis para encabezados, negrita, cursiva, enlace, imagen, código y tabla en la posición del cursor. La exportación produce un archivo HTML autocontenido con estilos embebidos, listo para adjuntar o subir.

Cómo usar

  1. Escribe o pega tu contenido Markdown en el panel editor izquierdo: la vista previa se actualiza en tiempo real a la derecha.
  2. Usa la barra de herramientas para aplicar formato rápidamente: negrita, cursiva, encabezados, enlaces, imágenes, bloques de código y tablas.
  3. Exporta tu documento como HTML limpio, copia la vista previa renderizada o descarga el archivo Markdown sin procesar.

Cuándo usar

  • Redactar un README o una guía de contribución viendo el resultado renderizado mientras escribes.
  • Escribir una entrada de blog en Markdown antes de pegar el HTML en un CMS que no tiene editor Markdown.
  • Pasar a limpio las notas de una reunión: encabezados para secciones, lista de tareas para acciones, tabla para decisiones.

Resultado

Estás escribiendo el README de un proyecto: añades encabezados, una lista de características, un bloque de código con resaltado JavaScript y una tabla de instalación. La vista previa muestra el resultado mientras escribes, y puedes exportar el HTML final.

Preguntas frecuentes

¿Hay resaltado de sintaxis dentro de los bloques de código?
Sí. Los bloques con triple acento grave aceptan un identificador de lenguaje al inicio (```javascript, ```python, ```bash, etc.). La vista previa aplica el estilo de highlight.js. Los lenguajes desconocidos u omitidos se muestran en monoespaciado sin color.
¿Se guardará mi Markdown si recargo la página?
Sí. Cada tecla se guarda automáticamente en tu dispositivo y el borrador se restaura la próxima vez que abras la página, incluso tras un refresco o un cierre accidental de pestaña. Un pequeño aviso confirma cuando se ha cargado un borrador guardado. Pulsa Restablecer (o vacía el editor) para borrar la copia guardada.
¿Puedo pegar una captura directamente en el editor?
Sí. Pega una imagen o captura y queda incrustada en el documento como una URL de datos base64, con la sintaxis de imagen de Markdown insertada en el cursor. Un detalle: las URL de datos hacen el archivo grande y la mayoría de plataformas (incluidos los README de GitHub) no las muestran, así que para algo que vayas a compartir conviene alojar la imagen y pegar su enlace en ![alt](https://...) para mantener el origen ligero.
¿Qué diferencia hay entre exportar HTML y copiar la vista previa renderizada?
Exportar HTML produce un documento completo con <html>, <head>, CSS embebido y tu contenido en <body>. Copiar la vista previa entrega solo el fragmento interno, que es lo que normalmente se pega en un CMS que ya envuelve tu contenido en su plantilla.
¿Por qué un solo salto de línea no aparece en la vista previa?
Markdown estándar trata los saltos de línea sueltos como saltos suaves dentro de un párrafo. Para forzar un salto añade dos espacios al final de la línea, o deja una línea en blanco para abrir un nuevo párrafo. Es como funcionan GitHub y la mayoría de generadores estáticos.

Herramientas relacionadas